/* RESET */ /*===========================================*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; } fieldset,iframe { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; } /* PAGE WIDTH */ /*===========================================*/ .page_width, .nav-container {width:87%;max-width:978px;margin:0 auto;} /* NAVIGATION */ /*===========================================*/ .row.global-nav { height:31px;border-bottom:1px solid #000;background-color:#1c1d22;margin:0; } #global-nav ul { margin:0;padding:0;list-style:none; } #global-nav li a { display:block;text-decoration:none; } #global-nav { padding:0 10px; } #global-nav li { display:inline-block;float:left;position:relative;margin:0;white-space: nowrap;} #global-nav li a { font-size: 12px;font-style: normal;font-weight: bold;line-height: 32px;margin-right: 1.3em;padding:0 8px;cursor:pointer;color: #9c9fac; } #global-nav li:first-child a { padding-left:0; } #global-nav a:hover { color:#4ba3fd;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease; } /* Google Translate */ #translate-widget {float:right;} #translate-widget a:hover {text-decoration:none;} .goog-te-gadget, .goog-te-gadget-simple .goog-te-menu-value {color:#bbb!important;font-size:11px!important;font-weight:400!important;} .goog-te-gadget-simple {background-color:#000!important;border:none!important;padding:0 12px!important;} .goog-te-gadget-simple .goog-te-menu-value span {font-size: 12px!important;font-style: normal;font-weight: bold;line-height: 32px!important;color: #9c9fac;border:none!important;} #translate-widget a:hover .goog-te-gadget-simple .goog-te-menu-value span {color:#fff!important;} /* MAIN NAV */ .memberBasics #spe_global_nav .global_links li a, .memberBasics .login_links li a {color:#b3c5df;} .memberBasics .banner_wrap {background:#26416c;width:100%;height:60px;} #primary_nav {} #primary_nav ul li {display:inline;float:left;} #primary_nav ul li a {display:block;font-size:18px;color:#ffffff;text-decoration:none;padding:21px 28px 21px 28px;line-height:1;font-weight:600; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} #primary_nav ul li a:hover {background:#1a2c4a;text-decoration:none;} #primary_nav ul li span.icon {display:none;} #homepage #nav-home, #page-get-started #nav-get-started, #page-get-connected #nav-get-connected, #page-get-informed #nav-get-informed, #page-get-involved #nav-get-involved {background:#1a2c4a; } #branding {padding:25px 0;} #branding #logo-newMember {float:left;} #branding #logo-spe {float:right;} /* GENERAL STYLES */ /*===========================================*/ body {font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; background: #f1f2f7;} #main_content {width:94%;background:#fff;border:1px solid #e0e4eb;padding:3%;clear:both;margin:0 0 2em 0;} #homepage #main_content {width:96%;padding:2%;} #main_content a {color: #30b305;} #main_content a:link, #main_content a:visited, #main_content a:active {text-decoration: none;} #page-get-started a:hover, #page-get-connected a:hover, #page-get-informed a:hover, #page-get-involved a:hover {text-decoration:underline;} #main_content p, #main_content li {font-size:14px;line-height:20px;color:#47474a;margin:0 0 10px 0;} #main_content li {list-style:none;} img, a img {border:none;} /* HOMEPAGE */ /*===========================================*/ #slideshow_wrap {background:#1c2f4e;margin:0 0 2% 0;} #slideshow {margin:0 auto;max-width:978px;} .row {width:100%;clear:both;margin:0 0 20px 0;} .row-summary, .row-contents {background:#ededed;} .row-summary, .row-contents {height:215px;} .row-summary {width:20%;float:left;text-align:center;box-shadow:0 0 30px 10px #e2e4e5 inset;} .row-contents .item p {color:#4c4e5c!important;font-size:13px!important;line-height:17px!important;} .row-summary a {display:block;padding:40px 22px 25px 22px;} .row-summary:hover {box-shadow:0 0 30px 10px #ccd3de inset;} .row-summary a:hover .heading, .row-summary a:hover .description {color:#30B305;} .row-summary span {display:block;} .row-summary .heading, .row-summary .description {color:#98a2b2;} .row-summary .heading {font-size:21px;line-height:1;font-weight:400;margin:0 0 3px 0;letter-spacing:-0.5px;text-shadow:0 1px 0 rgba(255,255,255,0.3);} .row-summary .description {font-size:14px;line-height:18px;font-weight:300;} .row-summary span, .row-contents span {display:block;} .row-summary .icon {background:url(/memberbasics/images/row-icons.png) no-repeat;margin:0 auto 12px auto;} #get-started .icon {width:50px;height:53px;background-position:0 0;} #get-connected .icon {width:50px;height:50px;background-position:0 -53px;} #get-informed .icon {width:50px;height:50px;background-position:0 -103px;} #get-involved .icon {width:60px;height:50px;background-position:0 -153px;} .row-contents {float:left;width:78%;margin:0 0 0 2%;} .row-contents .padding {padding:15px;} .row-contents .item {width:30%;float:left;margin:0 0 0 3%;text-align:center;} .row-contents .item.first {width:31%;padding:0 2% 0 0;margin:0;} .row-contents .item h4 {color:#1c2f4e;font-size:16px;font-weight:700;letter-spacing:-0.5px;} .row-contents .item img {margin:0 0 6px 0;padding:0;} .row-contents .item a:hover h4, .row-contents .item a:hover p {color:#30B305!important;} #get-involved.row {margin:0;} #get-started .row-contents .item img {max-width:165px;height:auto;width:90%;} #get-connected img, #get-informed img, #get-involved img {max-width:100px;height:auto;} #get-connected #section-globe {max-height:110px;max-width:122px;height:auto;} /* INSIDE PAGE CONTENT */ /*===========================================*/ #main_content .content-block {display:block;clear:both;} #main_content .content-block .hero-heading {color:#1c1d22;font-size:43px;font-weight:400;letter-spacing:-0.5px;line-height:1;margin:0 0 12px 0;} #main_content .content-block .hero-description {color:#b6b6b7;font-size:17px;line-height:26px;} #main_content .content-block h3 {color:#1c1d22;font-size:18px;line-height:1;margin:0 0 14px 0;font-weight:700;} #main_content .page-heading {display:block;text-transform:uppercase;color:#345992;font-size:14px;font-weight:600;} #main_content .half {float:left;width:46%;margin:0 0 0 4%;} #main_content .half.first {margin:0;} #main_content li a, #main_content li a span {display:block;} #main_content li a:hover {text-decoration:none;} #main_content li a:hover span {text-decoration:underline;} #main_content ul.arrowlist li {list-style: disc outside url("../images/bullet_arrow.gif");padding-left:0.3em;} #main_content hgroup {margin:0 0 35px 0;} #page-get-connected .page-heading, #page-get-informed .page-heading, #page-get-involved .page-heading {margin:0 0 8px 0;} /* GET STARTED */ /*===========================================*/ #profile {margin:0 0 15px 0;} #profile img {margin:0 25px 0 -30px;float:left;} #profile p {} #profile a.call-to-action {display:block;padding:10px 0 0 0;} #disciplines, #email-pwd, #faq {padding:25px 0;} #disciplines a.call-to-action, #email-pwd a.call-to-action {display:block;padding:4px 0 0 0;} #disciplines {border-top:1px solid #e5e5eb;border-bottom:1px solid #e5e5eb;} #disciplines img {float:right;margin:0 0 0 35px;} #faq {border-top:1px solid #e5e5eb;padding-bottom:0;} #faq span {color:#365d98;font-weight:700;display:block;} #faq li {list-style:none;margin:0 0 1em 0;} #page-get-started .page-heading {padding:20px 0 0 0;} /* GET CONNECTED */ /*===========================================*/ #sections {padding:0 0 25px 0;} #events, #spe-connect, #directory {padding:25px 0;border-top:1px solid #e5e5eb;} #directory {margin-bottom:0;} #sections img {float:right;margin:0 0 0 55px;} #events img, #directory img {float:left;margin:0 35px 0 0;} #spe-connect img {float:right;margin:0 0 0 30px;} #sections h3, #events h3, #spe-connect h3, #directory h3 {font-size:22px!important;} #sections .call-to-action,#events .call-to-action, #spe-connect .call-to-action, #directory .call-to-action {display:block;padding:4px 0 0 0;} /* GET INFORMED */ /*===========================================*/ #page-get-informed .hero-description {color:#b6b6b7;font-size:17px;line-height:26px;} #pubs {padding:0 0 25px 0;border-bottom:1px solid #e5e5eb;} #pubs li {border-right: 1px solid #e5e5eb;float: left;margin: 0 0 2% 2%;padding: 0 2% 0 0;width: 21%;} #pubs li.first {margin-left: 0;width: 22%;} #pubs li.last {border:0;padding:0;width: 22%;} #pubs li a, #our-events li a {display:block;} #pubs li a:hover, #our-events li a:hover {text-decoration:none;} #pubs li a:hover span, #our-events li a:hover span {text-decoration:underline;} #pubs li a img {width:100%;max-width:175px;height:auto;margin:0 0 10px 0;} #our-events ul {clear: both;float: left;width: 100%;} #our-events li {float: left;margin: 0 5% 2em 0;padding: 0;width: 45%;min-height:210px;} #our-events, #dl, #certification {padding:25px 0;border-bottom:1px solid #e5e5eb;} #certification img {float:left;margin:0 35px 0 -3%;} #tech-wiki {padding:25px 0 0 0;} /* GET INVOLVED */ /*===========================================*/ #local-sections {padding:0 0 25px 0;} #local-sections ul li {float:left;width:29%;padding:0 2% 0 2%;margin:0 0 0 2%;border-left: 1px dotted #ddd;} #local-sections ul li.first {margin:0;padding:0;border:none;} #local-sections ul li a {display:block;} #main_content #local-sections hgroup {margin:0 0 15px 0;} #local-sections hgroup img {float:right;margin:0 0 0 45px;max-width:175px;height:auto;} #volunteer {padding:25px 0;border-top:1px solid #e5e5eb;border-bottom:1px solid #e5e5eb;} #nominate {padding:25px 0 0 0;} #volunteer img, #nominate img {float:left;max-width:80px;height:auto;margin:0 15px 10px 0;} #nominate ul {clear:both;margin:0 0 14px 0;} #nominate li {margin:0;} /* DISCIPLINES PAGE */ /*===========================================*/ #main_content #disciplines-list li {float:left;width:29%;list-style:none;margin:2% 2% 5% 2%;} #main_content #disciplines-list li a {display:block;background:#fafafa;box-shadow:0 0 30px 10px #f4f4f4 inset;height:475px;} #main_content #disciplines-list li a .padding {padding: 24px 22px 0 22px;height:422px;} #main_content #disciplines-list li a h3 {color:#1C1D22;font-size:19px;line-height:22px;font-weight:400;margin:0 0 11px 0;} #main_content #disciplines-list li a span {width:120px;height:120px;display:block;background:url(/memberbasics/images/mb_disciplines_120x.png) no-repeat;margin:0 auto 1em auto;} #main_content #disciplines-list #wd span, #main_content #disciplines-list #dc span {background-position:0 0;} #main_content #disciplines-list #hse span {background-position:-120px 0;} #main_content #disciplines-list #mi span {background-position:-240px 0;} #main_content #disciplines-list #po span {background-position:-360px 0;} #main_content #disciplines-list #pfc span {background-position:-480px 0;} #main_content #disciplines-list #rdd span {background-position:-600px 0;} #main_content #disciplines-list #wc span {background-position:-720px 0;} #main_content #disciplines-list li a .call-to-action {width:100%;height:35px;background:#dfdfdf;color:#fff;font-size:16px;text-align:center;padding:11px 0 0 0;} #main_content #disciplines-list li a:hover {background:#f5f5f5;} #main_content #disciplines-list li a:hover .call-to-action {background:#acadb0;} /* SLIDEOUT DIV */ /*===========================================*/ .slide-out-div {padding: 20px 20px 10px 20px;width: 200px;background: #fff;border:1px solid #b9c4d2;} .slide-out-div h3 {font-size:19px;font-weight:bold;margin-bottom:1em;} .slide-out-div p {font-size:14px;} .slide-out-div p.hours {font-size:11px;color:#888;margin-top:.5em;} .slide-out-div a {color: #30b305;text-decoration: none;} .slide-out-div a:hover {border-bottom:1px dotted;padding-bottoms:3px;} .slide-out-div a.handle:hover {border:none;} .slide-out-div img {float:left;margin-right:12px;} .slide-out-div .icon, .slide-out-div .contact {float:left;} .slide-out-div .contact {border-left:1px dotted #ccc;padding-left:12px;} .slide-out-div .icon {clear:both;margin-bottom:1em;} /* FOOTER */ /*===========================================*/ footer {width:100%;clear:both;background:#333333;color:#6f7582;padding:20px 0;} footer .half {float:left;width:46%;margin:0 0 0 4%;} footer .half.first {margin:0;} footer span.icon {display:block;width:54px;height:54px;float:left;margin:0 15px 0 0;background:url(/memberbasics/images/mb_footer_icons.png) no-repeat;} footer .email span.icon {background-position:-54px 0;} footer .email div {padding:14px 0 0 0;} footer .phone span.icon {background-position:0 0;} footer h3 {font-size:21px;margin:0 0 12px 0;} footer a {text-decoration:none;display:block;color:#6f7582;} footer a:hover {color:#adb3c1;text-decoration:underline;} footer .phone div {margin:0 0 8px 0;} footer span.number {float:left;border-right:1px solid #626573;padding:0 12px 0 0;margin:0 12px 0 0;} /* VIDEO BOX */ /*===========================================*/ .content_wrap.videoPlayer {padding:3em;} .embed_wrap {position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;} .embed_wrap iframe, .embed_wrap object, .embed_wrap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* OBSOLETE BROWSER */ /*===========================================*/ div#obsolete_browser {width:87%;max-width:956px;margin:0 auto 1em auto;background-color:#fff8cf;border:1px solid #f7c000;padding:10px;} div#obsolete_browser h2 {font-size:.9em;margin: 0 0 .5em 0;} ul#browsers {clear:both;float:left;margin:0 0 0 45%;} ul#browsers li{display:inline-block;float:left;margin-right:2em;list-style:none;} ul#browsers li a {display:block;} a#FF {width:42px;height:41px;background: url(../images/browsers.png) no-repeat -40px 0px;} a#SF {width:38px; height:41px;background: url(../images/browsers.png) no-repeat -82px 0px;} a#CH {width:40px; height:41px;background: url(../images/browsers.png) no-repeat 0px 0px;} #global-nav .loginLink {display:none;} /* hiding login as we're not including all the necessary scripts on these memberbasics pages */ .float_left {float:left;margin:0 2em 0 0;} .clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}