/* =BODY AND FONTS ----------------------------------------------- */ body { color: #4a3f41; margin:0; padding: 0; text-align: center; background: #ffffff url('/assets/images/bg-body.gif') repeat-x; } body, input, textarea, select { font: 12px/18px FuturaStdMedium, Arial, Helvetica, sans-serif; } body.notitle { background-image: url('/assets/images/bg-body-notitle.gif'); } a img { border: none; } a:link, a:visited { color: #EE7B20; text-decoration: none; } a:hover { text-decoration: underline; } a.selected:link { color: #483e3f; } a.mimetype { padding: 2px 24px; background-repeat: no-repeat; } a.mimetype { background-image: url('/assets/images/icons/x-office-document.png'); } a.mimetype.pdf { background-image: url('/assets/images/icons/application-pdf.png'); } a.mimetype.url { background-image: url('/assets/images/icons/emblem-web.png'); } nav { font-weight: normal; font-style: normal; line-height:normal; font-family: 'FuturaStdMedium'; text-transform: capitalize; } address { font-style: normal; margin: 10px 0; font-size: 14px; } /* HTML5 Compatibility * -------------------------------------------------------*/ article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;} nav ul { list-style: none; margin: 0; padding: 0; } /* =LAYOUT * -------------------------------------------------------*/ #outerwrapper { background: transparent url('/assets/images/bg-wrapper.gif') no-repeat; } .wrapper{ width: 967px; margin: 0 auto; } #content { text-align: left; padding: 0 25px 0 25px; } .col24 { width: 912px; } .col20 { width: 720px; } .col19 { width: 684px; } .col18 { width: 648px; } .col16 { width: 608px; } /* 16*38 */ .col15 { width: 599px; } .col12 { width: 456px; } .col8 { width: 295px; } .col6 { width: 228px; } .col4 { width: 152px; } .box2 { background: #f8f8f8; border-bottom: 2px solid #e6b08a; border-top: 2px solid #e6b08a; margin: 18px 0; padding: 18px; } .box2 h2 { margin: 0 0 18px 0 !important; padding: 0; font-size: 14px !important; font-weight: normal !important; text-transform: uppercase; } /* =HEADER * -------------------------------------------------------*/ .wrapper > header:first-child { background: transparent url('/assets/images/bg-header.gif') no-repeat right top; text-align: left; position: relative; height: 139px; } header #logo { margin-left: 52px; } #courtesynav { width: 609px; height: 56px; position: absolute; top: 22px; right: 0; padding: 8px 0 0 0; color: #ffffff; overflow: hidden; } #courtesynav span { text-transform: uppercase; font-size: 10px; } #search { float: right; } #loginform { float: left; margin-left: 14px; } #courtesynav input.text { margin: 0 0 0 4px; width: 113px; height: 12px; border: 1px solid #ffffff; padding: 6px 3px 3px; font-size: 12px; } #loginform input.text { background-color: #fcbf8f; text-align: center; } #loginform input.text { -webkit-transition: background-color .1s ease-out; -moz-transition: background-color .1s ease-out; -o-transition: background-color .1s ease-out; transition: background-color .1s ease-out; } #loginform input.text:focus { background: #fff1e5; } #forgot a { color: #ffffff; position: relative; top: -10px; left: 214px; } #courtesynav input.submit { vertical-align: top; margin-left: 2px; } #courtesynav .loggedin { float: left; margin: 5px 0 18px 14px; text-transform: uppercase; } #courtesynav .loggedin a { color: #ffffff; text-decoration: underline; } #courtesynav .loggedin a:hover { text-decoration: none; } /* =NAV * -------------------------------------------------------*/ header nav { position: absolute; top: 96px; right: 0; margin-right: 10px; } nav.global { letter-spacing: .03em; } nav.global a, nav.global a:link, nav.global a:visited { padding: 11px 10px 10px; color: #ffffff; text-transform: uppercase; font-size: 12px; } nav.global a { -webkit-transition:color .1s ease-in-out; -moz-transition:color .1s ease-in-out; -o-transition:color .1s ease-in-out; transition:color .1s ease-in-out; } nav.global a:hover, nav.global a.selected { color: #F47B20; text-decoration: none; } nav.global li { display: inline; margin: 0 0px; } /* =FORMS * -------------------------------------------------------*/ fieldset { border: none; margin: 0; padding: 0; } form { margin: 0 0 18px 0; padding: 0 0 0 2px; } form label { margin: 0 0 3px 0; padding:0 ; } input, textarea, select { font-size: 14px; color: #666666; } form textarea, .field select { padding: 5px; } form input.text { padding: 2px 5px; } form input.submit { font-size: 14px; padding: 2px; } form input.zip, form input.text.small { width: 100px; } form input.captcha { width: 175px !important; } form p { margin: 0 0 1em 0; } form input.button { padding: 5px; } form input.checkbox { vertical-align: -20%; } form input.radio { margin: 6px 3px 0 0; } .field { margin: 0 0 15px 0; } label { font-weight: bold; display: block; } label span { font-size: 11px; } .field input.text, .field input.text { width: 312px; } .field textarea { width: 546px; } .hint { font-size: 11px; display: block; } .field textarea.twocol { width: 312px; } .field { float: left; width: 100%; clear: both; } .field div.label { float:left; width: 200px; text-align: right; } .field div.label label { line-height: 24px; } .field div.input, .field div.checkbox { float: left; margin-left: 15px; } .field div.checkbox label { display: inline; } .field div.submit { margin-left: 215px; } .picker { background:url("/assets/images/calendar.gif") no-repeat scroll 0 0 transparent; cursor:pointer; display:inline; height: 1px; position: relative; right: 19px; top: 6px; padding: 6px 6px 0; } .depends { display: none; } .slider input { display: none; } .slider { width: 100px; margin-top: 5px; } .slider span#months { margin: -19px 0 0 110px; position: relative; width: 200px; display: block; font-weight: bold; } /* =HOME * -------------------------------------------------------*/ body.home #top { padding-bottom: 40px; } h1#trademark { font-weight: normal; font-size: 30px; text-transform: uppercase; display: inline-block; line-height: 33px; margin: 0 0 12px 45px; } h1 span { font-weight: normal; font-size: 21px; text-transform: uppercase; border-top: 1px solid #f47b20; padding: 7px 0 0 2px; } h1 span.sup { font-size: 6px; position: relative; top: -18px; border: none; margin: 0; line-height: normal; } a#takeactionbutton { background: transparent url('/assets/images/buttons/takeaction-big.gif') no-repeat; display: block; width: 145px; height: 28px; z-index: 2000; position: absolute; top: 220px; left: 390px; visibility: hidden; text-indent: -999em; outline: none; } .imagerotator { position: relative; } .imagerotator img { position: absolute; top: 0; left: 0; visibility: hidden; } #specialevents, #upcomingevents { width: 294px; height: 298px; overflow: hidden; border: 1px solid #f47b20; background: #ffffff; } #upcomingevents header, #psas header { background: #f47b20 url('/assets/images/bg-header.png') no-repeat; height: 17px; text-transform: uppercase; font-size: 11px; color: #ffffff; padding: 12px 0; } #upcomingevents header h1, #psas header h1 { margin: 0; font-size: 18px; float: left; display: inline; margin: 0 0 0 15px; } #upcomingevents header p, #psas header p { display: inline; margin: 0 0 0 30px; } #upcomingevents header a, #psas header a { color: #ffffff; background: transparent url("/assets/images/rtwhitearrow.gif") no-repeat right center; padding-right: 10px; } #upcomingevents time { color: #B4B2A5; } #upcomingevents article { margin: 13px; border-bottom: 1px solid #f47b20; line-height: 20px; position: relative; } #upcomingevents article h1 a { color: #4a3f41; } #upcomingevents article p.location { font-size: 14px; margin: 0 0 12px 0; } #upcomingevents article.last { border: none; } #upcomingevents article a.go { position: absolute; top: 18px; right: 20px; width: 24px; height: 24px; background: transparent url('/assets/images/sprite.png') no-repeat 0 0; display: block; text-indent: -999em; outline: none; } #specialevents { background: #ffffff url('/assets/images/special/bg-home.jpg') no-repeat left bottom; } #specialevents, #upcomingevents h1 { font-size: 17px; margin: 0; } #specialevents h1 { width: 294px; height: 102px; text-indent: -999em; outline: none; background: #f47900 url('/assets/images/special/home-header.png') no-repeat center top; margin: 0; } #specialevents p { font-size: 19px; text-align: right; line-height: 25px; margin: 10px; } #specialevents p small { vertical-align: top; } #specialevents a#moreinfo { background: url('/assets/images/special/moreinfo.png') no-repeat; display: block; width: 102px; height: 24px; text-indent: -999em; outline: none; float: right; text-align: left; } #upcomingevents.hhf h1 { font-size: 13px; } #upcomingevents.hhf h2 { font-size: 14px; } #upcomingevents.hhf section { padding: 10px; } #upcomingevents.hhf p { margin: 0 0 8px 0; font-size: 12px; } #upcomingevents a.readmore { float: right; } #specialevents h1 { background-image: url('/assets/images/special/home-header-single.png'); } #headlines { width: 458px; margin-top: 30px; } #headlines article { clear: left; border: 1px solid #b4b2a5; height: 125px; background: #ffffff url('/assets/images/bg-newsbox.gif') repeat-x; margin: 0 0 20px 0; padding: 0 5px 0 0; overflow: hidden; } #headlines article.sticky img { margin-right: 16px; } #headlines article.sticky h1 { font-style: normal; margin: 12px 0; text-transform: uppercase; } #headlines article img { float: left; margin-right: 4px; } #headlines article h1 { font-size: 16px; font-weight: normal; margin: 3px 0; font-style: italic; } #headlines article p { line-height: 16px; margin: 6px 0; } a.readmore, #upcomingevents a.readmore, #headlines a.readmore { font-size: 13px; text-transform: uppercase; background: transparent url('/assets/images/rtorangearrow.png') no-repeat right 1px; padding-right: 12px; } #headlines time { color: #807461; display:block; margin-top: 6px; text-transform: uppercase; } #headlines h1 a { color: inherit; text-decoration: underline; } #headlines h1 a:hover { text-decoration: none; } #psas { width: 412px; height: 277px; margin-top: 30px; } #psas header { background-position: center top; } #psas header h1 span { text-transform: lowercase; } #psas header p { margin: 0 0 0 164px; } #psaembed { background: #c6c6c6; height: 228px; margin: 6px 0 0 0; } #sponsors { margin: 30px 0 40px 0; } #sponsors ul { margin: 0 30px; padding: 0; } #sponsors ul li { float: left; list-style-type: none; margin: -5px 0 0 0; padding: 0; } #sponsors h1 { margin: 0; font-weight: normal; font-size: 12px; text-transform: uppercase; color: #ee7b20; } #sponsors a { display: block; background-image: url('/assets/images/sponsorsprite.png'); background-repeat: no-repeat; width: 200px; height: 100px; float: none; outline: none; text-indent: -999em; } #sponsors a { margin: 0 6px 0 12px; } #sponsors .row1 { position: relative; z-index: 200; } #sponsors .row2 { z-index: 100; position: relative; } #sponsors .row2 a { margin: 0 6px; } #sponsors a:hover { background-position: -200px 0; } #sponsors a.aarp { width: 112px; } #sponsors a.chase { width: 133px; background-position: 0 -100px; } #sponsors a.chase:hover { background-position: -200px -100px; } #sponsors a.clarion { width: 155px; background-position: 0 -200px; } #sponsors a.clarion:hover { background-position: -200px -200px; } #sponsors a.realtor { width: 50px; background-position: 0 -300px; } #sponsors a.realtor:hover { background-position: -200px -300px; } #sponsors a.inbankers { width: 106px; background-position: 0 -400px; } #sponsors a.inbankers:hover { background-position: -200px -400px; } #sponsors a.iba { width: 135px; background-position: 0 -500px; margin-left: 0px; } #sponsors a.iba:hover { background-position: -200px -500px; } #sponsors a.ihcda { width: 89px; background-position: 0 -600px; } #sponsors a.ihcda:hover { background-position: -200px -600px; } #sponsors a.inguard { width: 60px; background-position: 0 -700px; } #sponsors a.inguard:hover { background-position: -200px -700px; } #sponsors a.usbank { width: 103px; background-position: 0 -800px; } #sponsors a.usbank:hover { background-position: -200px -800px; } #sponsors a.wfyi { width: 90px; background-position: 0 -900px; } #sponsors a.wfyi:hover { background-position: -200px -900px; } #sponsors a.hsbc { width: 157px; background-position: 0 -1000px; } #sponsors a.hsbc:hover { background-position: -200px -1000px; } #sponsors a.insupcourt { width: 70px; background-position: 0 -1100px; } #sponsors a.insupcourt:hover { background-position: -200px -1100px; } #sponsors a.sharp { width: 160px; background-position: 0 -1200px; } #sponsors a.sharp:hover { background-position: -200px -1200px; } #welcome { margin: 36px 0; } #welcome h2 { margin: 12px 0 18px 0; } #nextsteps { width: 412px; } #nextsteps h2 { background: #ee7b20; padding: 6px 12px; color: #ffffff; font-size: 18px; } #nextsteps ul { border: 1px solid #B4B2A5; padding: 20px 40px; } #nextsteps ul li { list-style-image: url("https://www.877gethope.com/images/bullet-02.png"); } #nextsteps header { background: url("/assets/images/bg-header.png") no-repeat scroll 0 0 #F47B20; color: #FFFFFF; font-size: 11px; height: 17px; padding: 12px 0; text-transform: uppercase; } #nextsteps header h1 { display: inline; float: left; font-size: 18px; margin: 0 0 0 15px; } /* =INTERIOR * -------------------------------------------------------*/ #top { padding-bottom: 48px; } body.notitle #top { padding-bottom: 18px; } #page { background: #4a3f41; width: 595px; height: 294px; border: 2px solid #4a3f41; } #page h1 { background: #4a3f41 url('/assets/images/bg-top.jpg') no-repeat; width: 220px; height: 190px; margin: 0; float: right; color: #ffffff; font-size: 40px; line-height: 45px; text-align: center; text-transform: uppercase; padding-top: 104px; } #page h1, #takeaction h1 { font-weight: normal; font-family: 'FuturaStdBook', sans-serif; } #takeaction { background: #4a3f41 url('/assets/images/bg-cta.jpg') no-repeat bottom; width: 291px; height: 294px; border: 2px solid #4a3f41; color: #ffffff; font-size: 11px; text-align: center; } #takeaction h1 { background: url('/assets/images/takeaction.jpg') no-repeat; width: 139px; height: 161px; padding: 32px 0 0 152px; margin: 0; color: #483E3F; font-size: 30px; line-height: 37px; text-transform: uppercase; } #takeaction p { margin: 4px 3px; } #takeaction a { background: transparent url('/assets/images/buttons/takeaction.gif') no-repeat; margin: 10px auto; display: block; width: 114px; height: 22px; text-indent: -999em; outline: none; } body #page { background-repeat: no-repeat; } body#action #page { background-image: url('/assets/images/page/action.jpg'); } body#events #page { background-image: url('/assets/images/page/events.jpg'); } body#news #page { background-image: url('/assets/images/page/news.jpg'); } body#about #page { background-image: url('/assets/images/page/about.jpg'); } body#partnerarea #page { background-image: url('/assets/images/page/partners.jpg'); } body#contact #page { background-image: url('/assets/images/page/contact.jpg'); } body#about #page h1 { padding-left: 20px; padding-right: 20px; width: 180px; } body#learning #page { background-image: url('/assets/images/page/learning.jpg'); background-repeat: no-repeat; } body#news #page.noimage, #page.noimage { color: #ffffff; width: 575px; padding: 0 10px; background-image: none; } .main article h1 { margin: 20px 0 8px 0; color: #F47B20; font-size: 16px; font-weight: bold; } .main article h2 { margin: 20px 0 8px 0; font-size: 16px; font-weight: bold; } .main article h3 { margin: 20px 0 6px 0; font-size: 14px; font-weight: bold; } .main article p, .main article li, .main article blockquote { color: #6D5F61; margin: 0 0 14px 0; line-height: 20px; font-size: 14px; } .main article li { margin: 4px 0; } .main article blockquote { text-indent: 12px; border-left: 3px solid #cccccc; background: #eeeeee; padding: 6px; } .main article img.left { margin: 0 10px 0 0; } .main article img.right { margin: 0 0 0 10px; } .main article img { border: 1px solid #cccccc; padding: 2px; } .main .box { border: 2px solid #f47700; margin: 28px 0 40px 0; } .box header { background: url('/assets/images/bg-box-header.gif') repeat-x; color: #ffffff; text-align: center; padding: 7px 0; } .box h1 { margin: 0; font-size: 14px; font-weight: normal; text-transform: uppercase; } .box h1 span { text-transform: lowercase; font-size: 14px; border: none; } .box h2 { font-size: 12px; font-weight: normal; margin: 0; } .box nav ul, .box p { margin: 20px; } .box ul, .box p { font-size: 14px; } .box ul p { margin: 14px 0; } .box nav li { margin: 10px; font-size: 17px; } .box nav li a:link, .box nav li a:visited { color: #4a3f41; } .box nav li a.selected:link, .box nav li a.selected:visited { color: #f47700; } .box nav li a.selected { background: url('/assets/images/rtorangearrow.png') no-repeat left center; padding-left: 14px; margin-left: -14px; } #news aside .box h3, #news aside .box h4, #news aside .box h5, #news aside .box h6 { margin-left: 20px; margin-right: 20px; } ul.psas { padding: 0; margin: 12px 0 8px 8px; } ul.psas a img { border: 2px solid #b4b2a5; } ul.psas a:hover img { border-color: #EE7B20; } ul.psas li { display: inline; margin: 0 6px 0 0; } #partners ul { margin: 10px 0; padding: 0; } #partners li { padding: 0; margin: 10px 0; list-style-type: none; clear: left; } #partners img { height: 45px; width: 62px; vertical-align: middle; float: left; } article.faq { border-bottom: 2px solid #e6b08a; border-top: 2px solid #e6b08a; margin: 20px 0; } article.faq h3 { padding: 13px 10px 10px 30px; margin: 0; background: #fcf2eb; cursor: pointer; background-image: url('/assets/images/plus.gif'); background-repeat: no-repeat; background-position: 6px 50%; } article.faq h3.toggleactive { background-image: url('/assets/images/minus.gif'); } article.faq div.element { padding: 10px 10px 10px; } article.faq div.element p { margin: 10px 0; } ul.resources { padding-left: 0; list-style-type: none; } .pagination { text-align: center; } .pagination a { display: block; text-transform: uppercase !important; padding: 4px 10px 2px 10px; } .pagination a:link, .pagination a:visited { color: #ee7b20; } .pagination a.prev, a.prev { float: left; padding-left: 10px; background: transparent url('/assets/images/lforangearrow.png') no-repeat left center; } .pagination a.next { float: right; padding-right: 10px; background: transparent url('/assets/images/rtorangearrow.png') no-repeat right center; } .pagination p { display: inline; line-height: 20px; text-transform: uppercase; } #content footer { background-image: none; color: #4a3f41; } article.result h1, article.result h1 a { margin-bottom: 2px; font-size: 14px; color: #4a3f41; text-decoration: underline; } article.result h1 a:hover { text-decoration: none; } #news article.news { border-bottom: 1px solid #B2B3A3; margin: 14px 0; } #news article.news.first { margin-top: 28px; } #news article time { color: #807461; display:block; margin: 0 0 10px } #news article.news h1, #news article.news h1 a { margin: 4px 0; color: #483E3F; font-style: italic; } #news article.news h1 a { text-decoration: underline; } #news article.news h1 a:hover { text-decoration: none; } #news a.readmore { font-size: 13px; text-transform: uppercase; background: transparent url('/assets/images/rtorangearrow.png') no-repeat right 1px; padding-right: 12px; } #news article.news.last { border: none; } .latestnews time { font-size: 11px; color: #807461; display: block; } /* =EVENTS * -------------------------------------------------------*/ body#event { background-image: none; } body#event h1 { border-bottom: 2px solid #483e3f; padding-bottom: 12px; } body#event article { text-align: left; } body#event dt { font-weight: bold; width: 40px; } body#event dt, body#event dd { float: left; } body#event dt, body#event div { clear: left; } body#event div { margin: 70px 0 0 0; } /* =SPECIAL EVENTS * -------------------------------------------------------*/ body#special #page { background-image: url('/assets/images/special/page.jpg'); } dl.date { } dl.date dt { float: left; width: 100px; font-weight: bold; color: #F47B20; margin-right: 8px; } dl.date dt, dl.date dd { line-height: 24px; font-size: 14px; text-transform: uppercase; } dl.date dd { margin-left: 110px; } dl.date dd.location { text-transform: none; } dl.date dd em { text-transform: none; } .main article .sponsor img { border: none; margin-top: 14px; } .main article .sponsor { text-align: center; } .main article .sponsor p { text-align: left; } body#special .main h1 span { font-size: smaller; text-transform: none; border: none; } ul.sponsors { list-style-type: none; margin: 0; padding: 0; } ul.sponsors a { color: #4A3F41; } /* =PARTNERS * -------------------------------------------------------*/ body#partnerarea { background-image: url('/assets/images/bg-body-partners.png'); } #partnerarea.certifications #page { background-image: url('/assets/images/page/partners-certifications.jpg'); } #partnerarea.employment #page { background-image: url('/assets/images/page/partners-employment.jpg'); } #partnerarea.forms #page { background-image: url('/assets/images/page/partners-forms.jpg'); } #partnerarea.ifpn-info #page { background-image: url('/assets/images/page/about.jpg'); background-position: 0 -50px; } #partnerarea.resources #page { background-image: url('/assets/images/page/partners-resources.jpg'); } #partnerarea.training #page { background-image: url('/assets/images/page/partners-training.jpg'); } #partnerarea #page, #partnerarea #takeaction { height: 187px; overflow: hidden; } #partnerarea #page h1 { height: 68px; padding: 72px 0 50px 0; } #partnerarea.overview #page h1 { height: 87px; padding: 54px 0 50px 0; } #partnerarea.overview .main .box a { text-decoration: underline; } #partnerarea.overview .main .box a:hover { text-decoration: none; } #partnerarea.resources #page h1 { height: 87px; padding: 54px 0 50px 0; } #partnerarea.employment #page h1 { height: 87px; padding: 54px 0 50px 0; font-size: 28px; } #partnerarea #top { margin-bottom: 28px; } #partnerarea nav { } #partnerarea article { padding: 20px; } #partnerarea .box { margin-top: 0; } #partnerarea nav li.profile { border-top: 1px dashed #DDDDDD; margin-top: 16px; padding-top: 8px; } #partnerarea nav li.profile a { color: #aaaaaa; } #partnerarea .box header { padding-right: 12px; padding-left: 12px; text-align: left; } #partnerarea .box header h2 { font-size: 16px; margin: 0; } #partnerarea h2 { margin: 0 0 18px; font-size: 22px; } #partnerarea .box header a { background: url('/assets/images/rtwhitearrow.gif') no-repeat center right; padding-right: 8px; float: right; position: relative; top: -18px; color: #ffffff; font-family: Arial; } body.certifications .certification { position: absolute; background: #ffffff; width: 604px; } ul.tabs { overflow: hidden; } .tabs a { display: block; float: left; border: 2px solid #e87c2c; font-family: "FuturaStdMedium"; font-size: 16px; color: #000000; border-bottom: none; margin-right: 10px; padding: 6px 10px; position: relative; top: 4px; text-transform: capitalize; } .tabs a.active { background-color: #e87c2c; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); text-decoration: none; padding: 6px 10px; top: 0; } .tabs a:hover { top: 0; } .tabs a { -webkit-transition-property: top; -webkit-transition-duration: .1s; -webkit-transition-timing-function: ease-out; } .tabs span { font-size: 11px; font-family: Arial; text-transform: lowercase; text-shadow: none; margin-left: 4px; } #tabholder { margin: 0; position: relative; } .tabcontent { position: absolute; } #partnerarea .certification header { background: none; text-align: center; } .main .certification h1 { color: #5c5c5c; font-size: 24px; margin: 0 0 18px; } .certification hgroup { margin: 0 0 18px 0; } #partnerarea .certification table { margin: 0 0 30px; } .certification hgroup { overflow: hidden; } #partnerarea .certification h2 { font-size: 18px; } #partnerarea .certification hgroup h2 { margin: 0; float: left; } .certification hgroup h3 { margin: 0; float: right; font-size: 12px; font-weight: normal; } /* progress bar */ .progress { position: relative; height: 63px; margin-bottom: 36px; } .progress figure { float: left; margin: 0; } .progress time { font-size: 16px; width: 70px; display: block; text-align: center; margin: 12px 0 0; } .progress time span { font-size: 12px; font-family: Arial; color: #9b9b9b; } .progress time:first-child { float: left; margin: 12px 30px 0 0; text-align: right; } .progress time:last-child { float: right; margin: 12px 0 0 20px; text-align: left; } .progress figcaption { position: absolute; top: 41px; right: 100px; margin: 4px 0; color: #9b9b9b; } .progress figcaption { font-size: 12px; text-align: right; } .progress-bar { width: 400px; height: 40px; border: 2px solid #7f7f7f; background: transparent url('/assets/images/bg-progress-bar.png') repeat-x; } .progress-bar .bar { height: 40px; background-image: url('/assets/images/progress-bar.png'); } .progress-bar .bar { width: 0; } #partnerarea table { width: 100%; border-spacing: 0 0px; font-family: Arial; margin: 18px 0; } #partnerarea th { border-bottom: 1px solid #000000; font-weight: normal; text-align: left; } #partnerarea td { vertical-align: top; } #partnerarea th, #partnerarea td { padding: 4px 6px; } #partnerarea tr.odd { background: #F8F8F8; } #partnerarea table { border-bottom: 1px solid #000000; } #partnerarea tbody tr:first-child td { border-top: 2px solid #ffffff; } #partnerarea tr.expandable:hover td { background-color: #ffd3b2; cursor: pointer; } /*#partnerarea td.date { width: 10%; }*/ #partnerarea td.notes { width: 35%; } #partnerarea .picker { right: 21px; } #partnerarea td.expand { width: 10px; } #partnerarea tr.detail div { padding: 0 22px 10px 22px; } #partnerarea td.more { text-align: center; width: 70px; } #partnerarea tr a.close { display: none; } #partnerarea tr.open a.close { display: block; } #partnerarea tr.open a.more { display: none; } #partnerarea .box2 { border: none; } #partnerarea input, #partnerarea select, #partnerarea textarea { font-size: 12px; } #partnerarea select { padding: 4px 6px 4px 0; } #partnerarea textarea { width: 300px; border: 1px solid #cccccc; } #partnerarea .field div.label { width: 120px; } #partnerarea .field div.submit { margin-left: 135px; } #memberinfo { border: 2px solid #e87c2c; margin-bottom: 15px; padding: 5px; } #memberinfo header { overflow: hidden; margin-bottom: 10px; background: #e87c2c; padding: 3px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); } #memberinfo header img { float: left; margin-right: 8px; } #memberinfo div { float: left; margin: 5px 0 0; } #memberinfo h2 { margin: 0; font-size: 18px; font-weight: normal; } #memberinfo header p { margin: 0; color: #ffffff; } #memberinfo dl { overflow: hidden; margin: 0 0 0 0; line-height: 24px; padding: 0 3px; } #memberinfo dt { width: 34%; float: left; clear: left; margin-right: 2%; } #memberinfo dt a { text-decoration: none; } #memberinfo dt a:hover { text-decoration: underline; } #memberinfo dd { width: 64%; float: left; margin: 0; text-align: right; } #partnerarea aside nav ol { padding: 0; list-style: none; } #partnerarea aside nav a { display: block; border-left: 3px solid #ffffff; font-size: 14px; padding: 1px 6px 0 6px; margin-bottom: 10px; color: #666666; } #partnerarea aside nav a:hover { border-left: 3px solid #e87c2c; text-decoration: none; color: #000000; } #partnerarea aside nav li.current a { background-color: #999999; padding: 3px 6px; border-left: 3px solid #e87c2c; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .3); } a.expand { background-image: url('/assets/images/icons/arrows.png'); background-repeat: no-repeat; width: 9px; height: 10px; text-indent: -999em; margin-top: 3px; } .open a.expand { background-position: 0 -10px; } #partnerarea #employment.box table { margin: 0 0 18px; } #partnerarea #forms h3 { margin-top: 0; } #partnerarea #forms ul { padding: 0; margin-bottom: 18px; } #partnerarea #forms li { margin-bottom: 10px; list-style-type: none; } #partnerarea.overview .certification { clear: left; padding: 0 20px; margin: 18px 0; } #partnerarea.overview .certification div { width: 508px; float: left; } #partnerarea.overview .certification div.image { width: 80px; margin-right: 16px; } #partnerarea.overview .certification div.image img { border: none; } #partnerarea.overview .certification h3 { margin: 0 0 8px; border-bottom: 2px solid #cccccc; padding-bottom: 4px; } #partnerarea.overview .certification h3 time { float: right; } /* =FOOTER * -------------------------------------------------------*/ footer { background: transparent url('/assets/images/bg-footer.gif') no-repeat center top; text-align: left; padding: 45px 0 8px 0; color: #ffffff; font-size: 10px; line-height: 12px; margin-top: 20px; } footer a:link, footer a:visited { color: #ffffff; } footer p { margin: 10px 0; } footer nav { margin: 0 0 20px 10px; } footer .copyright, footer .links { text-transform: uppercase; } article footer { background-image: none; padding: 0; color: #4a3f41; ;margin-bottom: 20px; } /* =MICS * -------------------------------------------------------*/ .hidden { height: 0px; overflow: hidden; display: none; } .clear { overflow: auto; } .right { float: right; } .left { float: left; } .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* IE6 */ * html .group { height: 1%; } /*IE7 */ .group { min-height: 1px; }