A Pen by Dan Long

Tutorials of (A pen by dan long) by Dan long

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>A Pen by  Dan Long</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="container" id="space">

<div class="row">
  <div class="full">
    <h1 class="section-title">You Are Shaping Yammer</h1>
  </div>


  <div class="row">
    <div class="grid6 bluebox-shortcode" style="font-size:17px">  
      <p> Unlike other software products you use at work, we don’t build Yammer based solely on what your CEO or IT department wants.</p>
      <p>&nbsp;</p>
      <p>Instead, we put the millions of people who use Yammer every day in charge. Want to know how? Read on.</p>
    </div>


    <div class="grid6 greybox-shortcode">  
      <p style="font-weight:600;font-family:'Segoe UI',Helvetica,Arial,'Sans-Serif'">We’ve got questions. You’ve got answers.</p>
      <p style="font-weight: 200">Help us improve Yammer by taking quick surveys or participating in usability testing.</p>
        
      <form action="https://confirmsubscription.com/h/j/1C61D5EAF60EB766" method="post" id="subForm">
        
        <button id="new_user_submit" type="submit" class="yj-btn-top yj-btn-orange "><span>I'm in</span></button>
      </form> 
    </div>
  </div>

  
    <div class="fourup">
      <div class="row"> 
          <img id="tool-box" src="http://sites.yammer.com/ux-research/files/2012/10/books.png" />
          <img id="tool-box" src="http://sites.yammer.com/ux-research/files/2012/10/camera.png" />
          <img id="tool-box" src="http://sites.yammer.com/ux-research/files/2012/10/heatmap.png" />
          <img id="tool-box" src="http://sites.yammer.com/ux-research/files/2012/10/wb.png" />
    </div>                  
  </div>


           

  <div class="grid6 bluebox-shortcode-right">
    <h1 id="boxtitle">We're Always Listening</h1>
    <p>Every time we make a change to Yammer, we watch 
       closely how millions people use and interact with it. 
       That’s how we make decisions on what to do next.</p> 
    <p>&nbsp;</p>
    <p>We’re always eager to learn more about <b style="font-weight:600;font-family:'Segoe UI',Helvetica,Arial,'Sans-Serif'">what you like</b> 
       and <b style="font-weight:600;font-family:'Segoe UI',Helvetica,Arial,'Sans-Serif'">how you work</b>. That’s why we’re constantly doing 
       user research – short surveys, quick online response 
       tests, and in-person usability testing.</p> 
    <p>&nbsp;</p>
    <p>5 minutes of your time now and then = a big impact. 
       Sign up for user surveys!</p>
  </div>  

</div>

<div class="row">
<div class="full greybox-shortcode" style="height: auto;font: normal 100% 'Segoe UI',Helvetica,Arial,'Sans-Serif';background-color: #fff;padding:0">
<h1 class="section-title" style="color:#333">Frequently Asked Questions About Research Studies at Yammer</h1>
<ul>
	<li style="margin-bottom: 30px">
<p><strong>What am I signing up for?</strong></p>
<p style="color:#666">User research participants give us quick and easy feedback that helps us influence the future of Yammer. Common research studies range from in-person interviews to virtual feedback sessions.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px">
<p><strong>What kind of people are you looking for?</strong></p>
<p style="color:#666">You don't need to be a computer whiz to sign up. In fact, it's sometimes better if you aren't. The people we want to hear from range from retirees who have never used the internet to working software developers.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px"><strong>What kinds of studies can I sign up for?</strong>
<p style="color:#666">When you sign up, you can select what kinds of studies you would like to participate in. This doesn't commit you to anything – we’ll always contact you with information about the particular study and its format before we make any arrangements.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px">
<ol style="margin-left:45px">
	<li style="margin-bottom: 20px"><strong>In-person study at the Yammer office:</strong>
<p style="color:#666">These studies are limited to participants who live in the San Francisco bay area. Typically, you’ll come to our office in downtown San Francisco to meet with a Yammer researcher. They’ll ask you some questions, have you use a product, and then gather your feedback on it. The product could be something you’re rather familiar with or something you've never seen before.</p></li>
	<li style="margin-bottom: 20px"><strong>Remote study:</strong><br />
<p style="color:#666">Rather than have you visit our offices, a Yammer researcher will conduct the study virtually. We’ll call you on the phone and set up a screen sharing session with you on your own computer. This can be done almost anywhere, as long as you have a good internet connection.</p></li>
	<li style="margin-bottom: 20px"><strong>Field study:</strong><br />
<p style="color:#666">Yammer researchers come and visit you to observe you as you use our product. We won't just show up at your door though – we’ll always check in with you first, talk to you about the details of the study and make a proper appointment.</p></li>
</ol>
</li>
	<li class="yj-hide" style="margin-bottom: 30px"><strong>What’s in it for me?</strong><br />
<p style="color:#666">Compensation is determined based on the length and the nature of the study. You will always be informed of the compensation at the time you’re contacted to participate. More importantly, you'll help us to drive our product forward and change the way people work around the world for the better.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px"><strong>How soon will you contact me to participate?</strong><br />
<p style="color:#666">We select participants according to the topic of each study and can't guarantee that you'll be invited to participate in any specific one. It may actually be quite some time before you hear from us. As new studies are launched, we contact people we think might be a good match for the topic. You’ll usually hear from us via email – we’ll tell you the nature the study and include a link to a survey questionnaire to assess your eligibility.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px"><strong>What's the time commitment?</strong><br />
<p style="color:#666">Depending on the study, you’ll typically spend 30 minutes or up to 2 hours with a Yammer researcher. Studies usually take place during normal business hours (between 9am and 6pm), but we sometimes make accommodations to suit busy schedules and different time zones. If you’re visiting Yammer’s office to participate, you’ll need to allow extra time for travel, which is at your own expense.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px"><strong>I don't use Yammer. Can I still sign up?</strong><br />
<p style="color:#666">Yes! We want to try out our products with people who aren't already familiar with them, as well as those who are.</p></li>
	<li class="yj-hide" style="margin-bottom: 30px"><strong>Is my information secure?</strong><br />
<p style="color:#666">Absolutely. All the information you provide is kept stricly confidential. We only use it on an anonymous basis to help us find suitable participants for user studies. Prior to the study, we will ask you to sign a nondisclosure agreement to not only protect our proprietary information, but yours as well.</p></li>
</ul>
<br>
<p class="yj-show" style="margin-top:30px">Still have questions? <a class="yj-show" href="/faq"> Learn more.</a></p>
</div>
</div>

  <div class="full">
              <h1 class="section-title">Here's What Constant Improvement Looks Like</h1>
  </div>    

            <div class="build-container-wrap"> 
            
                
                  <div class="grid4">
                    <div class="build-container">

                          <h2>Plan</h2>
                            <div class="build-icon">
                              <img src="http://sites.yammer.com/ux-research/files/2012/10/plan.png" />
                            </div>

                          <h3>a change to Yammer based on user data.</h3>
                          <p></p>
                    </div>
                  </div>
                

                
                  <div class="grid4">
                    <div class="build-container">

                        <h2>Build</h2>
                            <div class="build-icon">
                                <img src="http://sites.yammer.com/ux-research/files/2012/10/build.png" />
                            </div>
      
                        <h3>and release the change to real Yammer users. </h3>
                        <p></p>
                    </div>
                  </div>
                

   
             


                
                  <div class="grid4">
                    <div class="build-container">
        
                      <h2>Measure</h2>
                          <div class="build-icon">
                              <img src="http://sites.yammer.com/ux-research/files/2012/10/measure.png" />
                          </div>
               
                      <h3>how you + thousands of others interact with the change.</h3>
                      <p></p>
                    </div>
                  </div>
                

                
                  <div class="grid4" id="last-bc">
                    <div class="build-container">
             
                      <h2>Improve It</h2>
                          <div class="build-icon">
                              <img src="http://sites.yammer.com/ux-research/files/2012/10/improve.png" />
                          </div>
            
                      <h3>or remove it based on the results.</h3>
                      <p></p>
                    </div>
                  </div>
                
            </div>

  <div class="full">
              <h1 class="section-title">Meet Our Research Team</h1>
  </div>  


<div class="full">
  <div class="grid4">
      <h3 id="teamname">Cindy Alvarez, Director of UX</h3>
         <img id="team" src="http://sites.yammer.com/ux-research/files/2012/10/cindy.png">
  </div>
  
  <div class="grid4">
      <h3 id="teamname">Maureen Be, Researcher</h3>
         <img id="team" src="http://sites.yammer.com/ux-research/files/2012/10/maureen.png">
  </div>
  
  <div class="grid4">
      <h3 id="teamname">Vanessa Pfafflin, Researcher</h3>
         <img id="team" src="http://sites.yammer.com/ux-research/files/2012/10/vanessa.png"></p>
  </div>

  <div class="grid4" id="team-l">
      <h3 id="teamname">Grace O'Malley, Researcher</h3>
         <img id="team" src="http://sites.yammer.com/ux-research/files/2012/11/grace.jpg">
  </div>
</div>

<div class="full">
  <div class="grid4">
      <h3 id="teamname"></h3>
  </div>
  
  <div class="grid4">
      <h3 id="teamname">Priya Nayak, Researcher</h3>
    <img id="team" src="http://sites.yammer.com/ux-research/files/2014/04/priya.png">
  </div>
  
  <div class="grid4">
      <h3 id="teamname">Jamie Crabb, Researcher</h3>
         <img id="team" src="http://research.yammer.com/files/2014/04/jamie.png"></p>
  </div>
</div>
       


 <div class="full">
    <h1 class="section-title">Helpful Links</h1>
 </div>

            <div class="full">
              <div class="grid3">
                  <div class="helpful-container">
                        <a href="https://help.yammer.com"><p>Yammer Help Desk</p></a>
                  </div>
              </div>    

              <div class="grid3">
                  <div class="helpful-container">
                        <a href="http://blog.yammer.com"><p>Yammer Blog</p></a>
                  </div>
              </div>

              <div class="grid3">
                  <div class="helpful-container">
                       <a href="https://about.yammer.com/success/"><p>Yammer Success Center</p></a>
                  </div>
              </div>

              <div class="grid3">
                  <div class="helpful-container">
                       <a href="https://www.yammer.com/about/news/"><p>Yammer in the News</p></a>
                  </div>
              </div>    
            </div>

            <div class="full">
                <h1 class="section-title">Help Us Make Yammer Better</p></h1>
            </div>

<div class="full">
            <a href="https://confirmsubscription.com/h/j/1C61D5EAF60EB766">
            
            <button id="new_user_submit" type="submit" class="yj-btnbig yj-btn-orange"><span>Count me in!</span></button>   
            </form> 
          </div>
                   
              <div class="disclaimer">
                  <p>*By giving us your email you will be contacted to participate in user surveys and paid on site usability studies. We will never under any circumstance share your email address with third parties.</p>
              </div>

<div class="row">
  <div class="grid12" id="sendfeedback">  
    <h3>Have a suggestion or comment about Yammer? <a href="#">Send us your feedback.</a></h3>
  </div>                 
</div>


<div id="contact-sales" class="reveal-modal">
[gravityform id="1" name="Submit Feedback" ajax="true"]
<a class="close-reveal-modal">&#215;</a>
</div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
/*-Feedback Minisite CSS-*/@font-face {font-family: "Segoe UI";src: url("http://cdn-resources.windowsphone.com/Resources/Fonts/Apollo/SegoeUI-webfonts-WestEuropean/Segoe-UI/3ca1af51-981a-4e1c-b9c6-a66d0a5fe3c0-1.ttf") format("truetype");font-style: normal;font-weight: normal;}@font-face {font-family: "Segoe UI Light";src: url("http://cdn-resources.windowsphone.com/Resources/Fonts/Apollo/SegoeUI-webfonts-WestEuropean/Segoe-UI-Light/45a13f65-5199-4a22-821e-9b7d7795518e-1.ttf") format("truetype");font-style: normal;font-weight: normal;}@font-face {font-family: "Segoe UI Bold";src: url("http://cdn-resources.windowsphone.com/Resources/Fonts/Apollo/SegoeUI-webfonts-WestEuropean/Segoe-UI-Bold/f5dd91f1-2016-48f8-a46c-e3418a52c859-1.ttf") format("truetype");font-style: normal;font-weight: normal;}@font-face {font-family: "Segoe UI Semibold";src: url("http://cdn-resources.windowsphone.com/Resources/Fonts/Apollo/SegoeUI-webfonts-WestEuropean/Segoe-UI-Semibold/afae52c9-5d08-4193-8984-bb4346fd493c-1.ttf") format("truetype");font-style: normal;font-weight: normal;}@font-face {font-family: "Segoe UI Semilight";src: url("http://cdn-resources.windowsphone.com/Resources/Fonts/Apollo/SegoeUI-webfonts-WestEuropean/Segoe-UI-SemiLight/58e25a2b-5ed7-47bc-abc4-2f5c14b43227-1.ttf") format("truetype");font-style: normal;font-weight: normal;}.section-title{color: #333;margin: 20px 0px 30px 0px;	}#boxtitle{margin-bottom: 20px;}.bluebox-shortcode {color: white;font-size: 18px;height: 140px;width: 420px;background-color: #39C;padding: 20px;line-height:1.4;float:left;}.bluebox-shortcode-right{height: 362px;width: 420px;color: white;text-align: left;background-color: #39C;padding: 20px 20px 0px 20px;line-height:1.4;}.greybox-shortcode {color: #333;font-size: 18px;  height: 140px;width: 420px;text-align: left;background-color: #e8e8e8;padding: 20px;line-height:1.4; }.greybox-tool {margin-bottom: 20px;}.bluebox-shortcode-right{height: 362px;color: white;text-align: left;background-color: #39C;padding: 20px 20px 0px 20px;line-height:1.4;margin-bottom: 20px;float: left;font-size: 18px;}#bb-sc-r{color: #fff !important;margin-bottom: 10px;}.tool-container{width: 480px;float: left;clear: both;} #tool-box{float: left;margin-left:20px;margin-bottom: 20px;}#team-box{float: left;margin-left:20px;margin-bottom: 20px;}.fourup{width: 480px!important;float: left;margin-left: -20px;margin-right: 20px;}.fourteam{width: 100%;float: left;margin-left: -20px;margin-right: 20px;}.tool-box{float: left;height: 50%;width: 50%;margin-bottom: 20px;}.grey-container-left{width: 480px;float: left;clear: both;} .grey-container-right{width: 480px;float: left;} .blue-toolbox-right{width: 460px;float: left;}.greybuild {background-color: #E8E8E8;margin-right: 20px;margin-bottom: 20px;clear: both;}.build-title-container{width:auto;}.build-container-wrap{width: 100%;}.build-container {padding:15px; background-color: #E8E8E8;height:150px;}#last-bc{margin-right: 0px;	}.build-container h2{font-weight: 500;color: #333;padding-bottom: 5px;float: left;font-size:25px;}.build-container h3{font-size: 16px;color:#333333;clear: both;}.build-icon{width:34px;height:34px;margin-left:15px;float: left;}.team-container {width:220px;font-size:16px;color: #333333;margin-bottom: 5px;}.theteam{margin-top: 26px;margin-bottom: 30px;}#teamname{font-size: 16px;color:#333333;float: left;margin-bottom: 10px;}.helpful-container{text-align: left;padding: 15px 10px 15px 20px;color: #39c;font-size: 16px;width: 190px;background-color: #e8e8e8;float:left;}input[type='text'], input[type='email'] {color: #333;width: 260px;float: left;font-size: 18px;border: 0px solid #D7D7D7;padding: 10px 20px 10px 10px;margin-top: 18px;margin-right: 15px;}input[type='emailbig'] {color: #333;float: left;font-size: 24px;font-weight: 200;height: 30px;border: 1px solid #D7D7D7;padding: 10px 0px 15px 18px;margin: 0px 18px 15px 0px;width: 680px;}#bigform{/*This is for IE*/padding: 12px 0px 14px 18px;width: 680px !important;border: 1px solid #CCC; color: #999;font-size: 20px;}.disclaimer{font-size: 14px;color: #CCC;line-height: 1.4;width: 72%;margin: 15px 0px 30px 0px;float: left;}.disclaimer p{font-size: 14px !important;color:#999;}#sendfeedback h3{font-weight: 600;}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block}audio, canvas, video {display: inline-block;*display:inline;*zoom:1}audio:not([controls]) {display: none;height: 0}[hidden] {display:none}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}html, button, input, select, textarea {font-family: Helvetica, Arial, sans-serif}body {margin: 0}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}abbr[title] {border-bottom: 1px dotted}b, strong {font-weight: bold}blockquote {margin: 1em 40px}dfn {font-style: italic}mark {background: #ff0;color: #000}p, pre {margin: 1em 0}pre, code, kbd, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: '';content: none}small {font-size: 75%}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup {top: -0.5em}sub {bottom: -0.25em}dl, menu, ol, ul {margin: 0}dd {margin: 0}menu, ol, ul {padding: 0}ul, ol {list-style: none;list-style-image: none}img {border: 0;-ms-interpolation-mode: bicubic}svg:not(:root) {overflow: hidden}figure {margin: 0}form {margin: 0}fieldset {margin: 0;padding: 0}legend {border: 0;padding: 0;white-space: normal;*margin-left:-7px}button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align:middle}button, input {line-height: normal}button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;*overflow:visible}button[disabled], input[disabled] {cursor: default}input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*height:13px;*width:13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none}button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}textarea {overflow: auto;vertical-align: top}table {border-collapse: collapse;border-spacing: 0}.yj-clearfix:before, .yj-clearfix:after {content: "";display: table}.yj-clearfix:after {clear: both}.yj-hide {display: none}.yj-icon {vertical-align: baseline;display: -moz-inline-stack;display: inline-block;*display:inline;position: relative;bottom: 1px}.yj-mals {margin-left: 6px}.yj-malm {margin-left: 12px}.yj-mall {margin-left: 24px}.yj-mabs {margin-bottom: 6px}.yj-mabm {margin-bottom: 12px}.yj-mabl {margin-bottom: 24px}.yj-fl {float: left}.yj-fr {float: right}.yj-ac {margin-left: auto;margin-right: auto}.yj-tac {text-align: center}body {font-family: Helvetica, Arial, sans-serif;color: #222;font-size: 12px}h1 {font-size: 3em;line-height: 1;margin-bottom: .5em}h2 {font-size: 1.8em;line-height: 1.25em;margin-bottom: .5em}h3 {font-size: 1.6em;line-height: 1.25em;margin-bottom: .75em}h4 {font-size: 1.2em;line-height: 1.25em;margin-bottom: 1.25em;font-weight: bold}h5 {font-size: 1em;line-height: 1;margin-bottom: 1.5em;font-weight: bold}h6 {font-size: 1em;font-weight: bold}p {margin: 0 0 1.5em;line-height: 16px}p img {padding: 0}ul.bulleted {list-style-type: disc;margin: 0 1.5em}ol {list-style-type: decimal;margin: 0 1.5em}abbr, acronym {border-bottom: 1px dotted #666}address {margin-top: 1.5em;font-style: italic}blockquote {margin: 1.5em;color: #666;font-style: italic}strong {font-weight: bold}em {font-style: italic}dfn {font-style: italic;font-weight: bold}pre, code {font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;margin: 1.5em 0;white-space: pre;line-height: 1.5}small {font-size: .75em}big {font-size: 2em}hr {clear: both;margin: 15px auto;width: 80%;height: 0;border-top: 1px solid #ebebeb}input, textarea {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif}a {color: #16509e;text-decoration: none}a:hover {text-decoration: underline}a:focus, a:hover {color: #16509e}.container {width: 100%;width: 960px;margin-left: auto;margin-right: auto;}.container:before, .container:after {content: "";display: table}.container:after {clear: both}.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {display: inline;float: left;position: relative;margin-right: 2%;margin-bottom: 20px;}.grid1 {width: 6.25%}.grid2 {width: 14.583333%}.grid3 {width: 22.916667%}.grid4 {width: 220px}.grid6 {width: 420px}.grid7 {width: 56.25%}.grid8 {width: 64.583333%}.grid9 {width: 72.916667%}.grid10 {width: 81.25%}.grid11 {width: 89.583333%}.grid12 {width: 97.916667%}.full{width: 100%;display: inline;float: left;position: relative;}.push1 {margin-left: 8.3333333%}.push2 {margin-left: 16.666667%}.push3 {margin-left: 25%}.push4 {margin-left: 33.333333%}.push5 {margin-left: 41.666667%}.push6 {margin-left: 50%}.push7 {margin-left: 58.333333%}.push8 {margin-left: 66.666667%}.push9 {margin-left: 75%}.push10 {margin-left: 83.333333%}.push11 {margin-left: 91.666667%}.push12 {margin-left: 100%}.row {zoom: 1;}.row:before, .row:after {content: "";display: table}.row:after {clear: both}.row .row {margin: 0}.yj-btn {color: #fff;font-family: 'Segoe UI Semilight',Helvetica,Arial,'Sans-Serif';font-size: 24px;text-align: center;width: 110px;margin-top:-7px;background-color: #48aef1;background-image: -moz-linear-gradient(top, #48aff3 0, #429bd5 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #48aff3), color-stop(1, #429bd5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#48aff3', endColorstr='#429bd5', GradientType=0);background-image: -ms-linear-gradient(top, #48aff3 0, #429bd5 100%);border: 0px solid #1d6291;cursor: pointer;padding: 5px;}.yj-btn-top {color: #fff;font-family: 'Segoe UI',Helvetica,Arial,'Sans-Serif';font-size: 24px;text-align: center;width: 110px;margin-top:18px;border: 0px solid #000;cursor: pointer;padding: 6px;}.yj-btn-fb {color: #fff;font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 14px;text-align: center;padding: 5px 14px 5px 14px;margin-right: 14px;background-color: #48aef1;background-image: -moz-linear-gradient(top, #48aff3 0, #429bd5 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #48aff3), color-stop(1, #429bd5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#48aff3', endColorstr='#429bd5', GradientType=0);background-image: -ms-linear-gradient(top, #48aff3 0, #429bd5 100%);border: 0px solid #1d6291;cursor: pointer;}.yj-btnbig {color: #fff;font-family: 'Segoe UI',Helvetica,Arial,'Sans-Serif';font-weight: 200;font-size: 24px;text-align: center;padding: 12px 40px 12px 40px;border: 0px solid #1d6291;cursor: pointer;line-height: 1.4;float: left;}.yj-btn:active {color: #fff;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4);box-shadow: inset 0 1px 1px rgba(0,0,0,0.4);background-image: -moz-linear-gradient(top, #3c8dc1 0, #42a3e2 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c8dc1), color-stop(1, #42a3e2));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c8dc1', endColorstr='#42a3e2', GradientType=0);background-image: -ms-linear-gradient(top, #3c8dc1 0, #42a3e2 100%);border-color: #143853}.yj-btn .yj-faux-submit {display: block;margin-right: 10px;padding-left: 10px;white-space: nowrap;position: relative;overflow: hidden;vertical-align: baseline;zoom: 1}.yj-btn .yj-faux-submit input {font-size: 100px;position: absolute;left: 0;top: 0;padding: 100px;width: 1000px;height: 1000px;background: #fff;cursor: pointer;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0}.yj-btn .yj-faux-submit em {font-style: normal}.yj-btn-alt {color: #636363;background-color: #ececec;background-image: -moz-linear-gradient(top, #fff 0, #ececec 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ececec));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);background-image: -ms-linear-gradient(top, #fff 0, #ececec 100%);border-color: #ccc}.yj-btn-alt:hover, .yj-btn-alt:focus {color: #636363;background-image: -moz-linear-gradient(top, #fafafa 0, #dbdbdb 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #dbdbdb));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dbdbdb', GradientType=0);background-image: -ms-linear-gradient(top, #fafafa 0, #dbdbdb 100%);border-color: #999}.yj-btn-alt:active {color: #636363;background-image: -moz-linear-gradient(top, #dbdbdb 0, #fafafa 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdbdb), color-stop(1, #fafafa));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#fafafa', GradientType=0);background-image: -ms-linear-gradient(top, #dbdbdb 0, #fafafa 100%);border-color: #999}.ie8 .yj-btn-alt, .ie9 .yj-btn-alt {display: inline-block}.yj-btn-green {color: #fff;background-color: #63a500;background-image: -moz-linear-gradient(top, #7abd01 0, #63a500 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7abd01), color-stop(1, #63a500));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abd01', endColorstr='#63a500', GradientType=0);background-image: -ms-linear-gradient(top, #7abd01 0, #63a500 100%);border-color: #2f6101}.yj-btn-green:hover, .yj-btn-green:focus {color: #fff;background-color: #63ad01;background-image: -moz-linear-gradient(top, #63ad01 0, #4d9100 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63ad01), color-stop(1, #4d9100));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63ad01', endColorstr='#4d9100', GradientType=0);background-image: -ms-linear-gradient(top, #63ad01 0, #4d9100 100%);border-color: #224502}.yj-btn-green:active {color: #fff;background-color: #63a500;background-image: -moz-linear-gradient(top, #4d9100 0, #63ad01 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d9100), color-stop(1, #63ad01));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9100', endColorstr='#63ad01', GradientType=0);background-image: -ms-linear-gradient(top, #4d9100 0, #63ad01 100%);border-color: #224502}.yj-btn-greenbig {color: #fff;background-color: #63a500;background-image: -moz-linear-gradient(top, #7abd01 0, #63a500 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7abd01), color-stop(1, #63a500));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abd01', endColorstr='#63a500', GradientType=0);background-image: -ms-linear-gradient(top, #7abd01 0, #63a500 100%);border-color: #2f6101}.yj-btn-greenbig:hover, .yj-btn-green:focus {color: #fff;background-color: #63ad01;background-image: -moz-linear-gradient(top, #63ad01 0, #4d9100 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63ad01), color-stop(1, #4d9100));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63ad01', endColorstr='#4d9100', GradientType=0);background-image: -ms-linear-gradient(top, #63ad01 0, #4d9100 100%);border-color: #224502}.yj-btn-greenbig:active {color: #fff;background-color: #63a500;background-image: -moz-linear-gradient(top, #4d9100 0, #63ad01 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d9100), color-stop(1, #63ad01));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9100', endColorstr='#63ad01', GradientType=0);background-image: -ms-linear-gradient(top, #4d9100 0, #63ad01 100%);border-color: #224502}.yj-btn-orange {color: #fff;background-color: #FE980C;font-weight: 500;}.yj-unfollow-button {background-image: -moz-linear-gradient(100% 100% 90deg, #e8e8e8, #fff);background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#e8e8e8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e8e8e8', GradientType=0);background-image: -ms-linear-gradient(top, #fff 0, #e8e8e8 100%);border: 1px solid #CCC}.yj-unfollow-button:hover {background-color: #c22724;background-image: -moz-linear-gradient(100% 100% 90deg, #9c0f07, #c22724);background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#c22724), to(#9c0f07));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C22724', endColorstr='#9C0F07', GradientType=0);background-image: -ms-linear-gradient(top, #c22724 0, #9c0f07 100%);border: 1px solid #5f0500}.yj-unfollow-button:active {background-color: #9c0f07;background-image: -moz-linear-gradient(100% 100% 90deg, #c22724, #9c0f07);background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#9c0f07), to(#c22724));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C0F07', endColorstr='#C22724', GradientType=0);background-image: -ms-linear-gradient(top, #9c0f07 0, #c22724 100%);border-color: #5f0500}.yj-unfollow-button-mouseout {color: #666;font-weight: bold}.yj-unfollow-button-mouseover {color: #fff;font-weight: bold}.yj-unfollow-button.yj-click-transition:hover {color: #333;background-color: #fbfbfb;background-image: -moz-linear-gradient(100% 100% 90deg, #bababa, #fcfcfc);background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fcfcfc), to(#bababa));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#bababa', GradientType=0);background-image: -ms-linear-gradient(top, #fcfcfc 0, #bababa 100%);border: 1px solid #7e7e7e}.follow-links-container .actions .yj-follow-buttons {min-width: 69px}.join-links-container .actions .yj-tristate-button {min-width: 54px}.network-item-list .join-links-container .yj-tristate-button {min-width: 53px}.yj-tristate-button {display: inline-block!important}.ie7 .yj-tristate-button {display: inline!important}.yj-follow-list .yj-actions .yj-follow-buttons {min-width: 102px}.yj-config-feed .groups .yj-tristate-button {min-width: 79px}.yj-page-inline-view .yj-follow-buttons, .yj-yamio-preview .yj-follow-buttons, .ie-x .yj-page-inline-view .yj-follow-buttons, .ie-x .yj-yamio-preview .yj-follow-buttons {filter: none}#translate_content .yj-btn {color: #fff!important}.yj-btn-wide {line-height: 2;display: block;margin: 20px auto 0;padding: 3px 0;width: 99%!important}.yj-btn-disabled, .yj-btn-disabled:hover, .yj-btn-disabled:focus, .yj-btn-disabled:active {color: #999!important;background-color: #e8e8e8!important;background-image: -moz-linear-gradient(bottom, #e8e8e8, #e8e8e8)!important;background-image: -webkit-gradient(linear, left bottom, left top, from(#e8e8e8), to(#e8e8e8))!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=0)!important;background-image: -ms-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%);-moz-box-shadow: 0 0 0!important;-webkit-box-shadow: 0 0 0!important;box-shadow: 0 0 0!important;border-color: #ccc!important;font-weight: bold!important;cursor: default!important;text-decoration: none;top: 0}.yj-btn-disabled input {display: none}ul.horz-menu {margin: 0;list-style: none}.horz-menu li {display: inline;margin-bottom: 0;padding: 0 6px}.horz-menu li.first {border-left: none;padding-left: 0}.horz-menu li.yj-selected a {color: #000}ul.piped li {border-left: solid 1px #ccc}.piped li.first {border-left: none}div.pagination, ul.pagination {margin: 5px 0}ul.pagination {text-align: left}ul.pagination.horz-menu {margin: 10px 0 10px 6px}ul.pagination li {padding: 0 6px 0 9px}ul.pagination .selected {border-bottom: 2px solid #01317e}ul.pagination .selected:hover {text-decoration: none}table td, table th {font-size: 12px;padding: 6px 10px 6px 0;vertical-align: top;line-height: 1.5}th, table thead th {font-weight: bold}th {padding-bottom: 2px}caption {background: #ffc}table .last {padding-right: 0}table td.pagination {border-bottom: 0;text-align: right}.condensed-table th, .condensed-table td {padding: 2px}table.bordered-table, .bordered-table thead, .bordered-table tbody, .bordered-table tfoot {border-collapse: collapse;border-color: black;border-style: solid;border-spacing: 0;border-width: 0 0 1px 1px;width: 100%}.bordered-table td, .bordered-table th {border-color: black;border-style: solid;border-width: 1px 1px 0 0}table tr.alt td, .zebra-table tr.alt td {background-color: yellow}td.nowrap {white-space: nowrap}.tablesort thead th {border-bottom: 0}.tablesort td.head {cursor: pointer;color: #0e52be;font-weight: bold}.tablesort .head span, .tablesort .tablesort_header th {padding-right: 15px;background-repeat: no-repeat;background-position: right}table th.sort a {padding-right: 11px;background: url(/images/control_arrow_down.gif) no-repeat right 2px}table th.sort a.reverse {background: url(/images/control_arrow_up.gif) no-repeat right 2px}.tablesort .headerSortUp span, .tablesort .tablesort_header .headerSortUp {background-image: url('/images/control_arrow_down.gif')}.tablesort .headerSortDown span, .tablesort .tablesort_header .headerSortDown {background-image: url('/images/control_arrow_up.gif')}.yj-tabs {zoom: 1;border-bottom: 1px solid #d6d6d6;padding: 5px 0 0 8px;margin: 0}.yj-tabs:before, .yj-tabs:after {content: "";display: table}.yj-tabs:after {clear: both}.yj-tabs>li {float: left;margin: 0 3px -1px 0}.yj-tabs>li>a {background-color: #f6f6f6;background-image: -moz-linear-gradient(top, #fefefe, #ebebeb);background-image: -ms-linear-gradient(top, #fefefe, #ebebeb);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#ebebeb));background-image: -webkit-linear-gradient(top, #fefefe, #ebebeb);background-image: linear-gradient(top, #fefefe, #ebebeb);background-repeat: repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ebebeb', GradientType=0);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;border: 1px solid #ccc;border-bottom: 0;color: #333;display: inline-block;font-size: 12px;line-height: 1.5;padding: 3px 12px}.yj-tabs>li>a:active {background-color: #f3f3f3;background-image: -moz-linear-gradient(top, #ebebeb, #fefefe);background-image: -ms-linear-gradient(top, #ebebeb, #fefefe);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#fefefe));background-image: -webkit-linear-gradient(top, #ebebeb, #fefefe);background-image: linear-gradient(top, #ebebeb, #fefefe);background-repeat: repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fefefe', GradientType=0)}.ie7 .yj-tabs>li>a:active {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ebebeb', GradientType=0)}.yj-tabs>li>a:hover {text-decoration: none;border: 1px solid #999;border-bottom: 0}.yj-tabs>.yj-selected>a, .yj-tabs>.yj-selected>a:hover {font-weight: bold;background: white;border: 1px solid #CCC;border-bottom: 1px solid white;filter: none;cursor: default}.ie7 .yj-tabs>.yj-selected>a:active {background: white;filter: none}.yj-tooltip {position: relative;padding: 5px}.yj-tooltip-arrow {position: absolute;width: 0;height: 0;font-size: 0;line-height: 0}.yj-tooltip.yj-right .yj-tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #333}.yj-tooltip.yj-left .yj-tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #333}.yj-tooltip.yj-top .yj-tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px;border-top: 5px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent}.yj-tooltip.yj-bottom .yj-tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-bottom: 5px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent}.yj-tooltip-content {background-color: #333;color: white;text-align: center;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 5px}.yj-hovercard {position: relative;padding: 7px}.yj-hovercard-arrow, .yj-hovercard-arrow-border {position: absolute;width: 0;height: 0;font-size: 0;line-height: 0}.yj-hovercard.yj-right .yj-hovercard-arrow, .yj-hovercard.yj-right .yj-hovercard-arrow-border {top: 50%;left: 0;margin-top: -7px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid #bbb}.yj-hovercard.yj-right .yj-hovercard-arrow {border-right: 7px solid #fff;margin-left: 1px}.yj-hovercard.yj-left .yj-hovercard-arrow, .yj-hovercard.yj-left .yj-hovercard-arrow-border {top: 50%;right: 0;margin-top: -7px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #bbb}.yj-hovercard.yj-left .yj-hovercard-arrow {border-left: 7px solid #fff;margin-right: 1px}.yj-hovercard.yj-top .yj-hovercard-arrow, .yj-hovercard.yj-top .yj-hovercard-arrow-border {bottom: 0;left: 18px;border-left: 7px solid transparent;border-top: 7px solid #bbb;border-right: 7px solid transparent}.yj-hovercard.yj-top .yj-hovercard-arrow {border-top: 7px solid #fff;margin-bottom: 1px}.yj-hovercard.yj-bottom .yj-hovercard-arrow, .yj-hovercard.yj-bottom .yj-hovercard-arrow-border {top: 0;left: 18px;border-left: 7px solid transparent;border-bottom: 7px solid #bbb;border-right: 7px solid transparent}.yj-hovercard.yj-bottom .yj-hovercard-arrow {border-bottom: 7px solid #fff;margin-top: 1px}.yj-hovercard-content {font: 11px/14px normal Helvetica, Arial, sans-serif;background-color: #fff;border: 1px solid #bbb;text-align: center;padding: 10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;box-shadow: 0 3px 8px rgba(0,0,0,0.2);-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2)}.yj-hovercard .yj-spinner {margin: 6px;line-height: 20px}article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}audio, canvas, video {display: inline-block;*display:inline;*zoom:1}audio:not([controls]) {display: none}[hidden] {display:none}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0}body, button, input, select, textarea {font-family: sans-serif;color: #222}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}abbr[title] {border-bottom: 1px dotted}b, strong {font-weight: bold}blockquote {margin: 1em 40px}dfn {font-style: italic}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}ins {background: #ff9;color: #000;text-decoration: none}mark {background: #ff0;color: #000;font-style: italic;font-weight: bold}pre, code, kbd, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sup {top: -0.5em}sub {bottom: -0.25em}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}img {border: 0;-ms-interpolation-mode: bicubic;height: auto;vertical-align: middle;border: 0;}svg:not(:root) {overflow: hidden}figure {margin: 0}form {margin: 0}fieldset {border: 0;margin: 0;padding: 0}label {cursor: pointer}legend {border: 0;*margin-left:-7px;padding: 0;white-space: normal}button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align:middle}button, input {line-height: normal}button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;*overflow:visible}input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width:13px;*height:13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none}button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}textarea {overflow: auto;vertical-align: top;resize: vertical}input:invalid, textarea:invalid {background-color:#f0dddd}table {border-collapse: collapse;border-spacing: 0}td {vertical-align: top}@media print {* {background: transparent!important;color: black!important;box-shadow: none!important;text-shadow: none!important;filter: none!important;-ms-filter: none!important}a, a:visited {text-decoration: underline}a[href]:after {content: " (" attr(href) ")"}abbr[title]:after {content: " (" attr(title) ")"}.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}pre, blockquote {border: 1px solid #999;page-break-inside: avoid}thead {display: table-header-group}tr, img {page-break-inside: avoid}img {max-width: 100%!important}@page {margin:.5cm}p, h2, h3 {orphans: 3;widows: 3}h2, h3 {page-break-after: avoid}}body, button, input, select, textarea {font: normal 100% 'Segoe UI Light',Helvetica,Arial,'Sans-Serif';color: #666}body {background-color: #fefefe;line-height: 1.4;width: 100%}.interstatecondensedbold {font-family: "Interstate Condensed", helvetica, arial;font-style: normal;font-weight: bold;text-transform: uppercase}a {color: #39c;text-decoration: none}a:hover {color: #069;text-decoration: none}h1, h2, h3, h4, h5, p {word-wrap: break-word;line-height: 1.4;margin-top: 0;margin-bottom: 0}h1 {font-size: 1.875em;font-weight: bold;line-height: 1.0;}h2 {font-size: 1.5625em}h3 {font-size: 1em;font-weight: bold;color: #333}h4 {font-size: 1.25em;color: #333}h5 {font-size: .875em}p {line-height: 1.4;}ul.menu {list-style: none;font-family: Helvetica, Arial, san-serif;font-size: 12px;}.clickable {cursor: pointer}.last-item {margin: 0}.margin-left {margin-left: 20px}.bold {font-weight: bold}.icon {position: relative;bottom: 1px;vertical-align: middle;display: inline-block;zoom: 1}.arrow-right {display: inline-block;border-color: transparent #39c;border-style: solid;border-width: 5px 0 5px 5px;height: 0;width: 0;margin-left: 8px;zoom: 1}.ie7 .arrow-right {display: inline;margin-bottom: 5px}a:hover .arrow-right {border-color: transparent #069}.arrow-down {display: inline-block;border-color: #39c transparent transparent transparent;border-style: solid;border-width: 5px 5px 0 5px;height: 0;width: 0;margin-left: 5px;zoom: 1}.ie7 .arrow-down {display: inline}.arrow-up {display: inline-block;border-color: transparent transparent #39c transparent;border-style: solid;border-width: 0 5px 5px 5px;height: 0;width: 0;margin-left: 5px;zoom: 1}.ie7 .arrow-up {display: inline;margin-bottom: 5px}a:hover .arrow-up {border-color: transparent transparent #069 transparent}.clearfix:before, .clearfix:after {content: "";display: table}.clearfix:after {clear: both}.uppercase {text-transform: uppercase}hr.faded {clear: both;float: none;width: 100%;height: 1px;margin: 1.4em 0;border: 0;background: #bbb;background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #fefefe), color-stop(0.2, #bbb), color-stop(0.8, #bbb), color-stop(1, #fefefe));background-image: -moz-linear-gradient(left center, #fff 0, #ddd 10%, #ddd 90%, #fff 100%)}#back-to-top {display: block;margin-top: 15px;position: relative;margin-bottom: -15px;cursor: pointer}#back-to-top:hover .arrow-up {border-color: transparent transparent #069 transparent}header a {color: #39c}#header-logo a img {min-width: 200px}.global-header {background-color: #FFF;width: 100%;margin: 0 auto;padding-top: 15px;border-bottom: 1px solid #bbb}.global-header .yj-fr {float: right}.global-header nav {position: absolute;right: 0;bottom: 0;text-transform: uppercase;font-size: 18px;font-family: Interstate-Bold;color: #39c}.global-header nav li {display: inline}.global-header nav a {background-color: #FFF;padding: 10px 5px 9px}.global-header nav a:hover {color: #FFF;text-decoration: none;background-color: #333;opacity: .8}.primary .menu>.current-menu-item>a:hover {color: #FFF;text-decoration: none;background-color: #333;opacity: .8}nav .menu .sub-menu {display: none;font-size: 13px;font-weight: normal;width: 200px;overflow: hidden;z-index: 1;height: 40px}nav.primary li:hover .sub-menu {background-color: #333;opacity: .96;border-top: 0;display: block;margin-top: 6px;padding: 0;position: absolute;-webkit-animation: dropdown 1s 1;-webkit-animation-fill-mode: forwards;-moz-animation: dropdown 1s 1;-moz-animation-fill-mode: forwards;animation: dropdown 1s 1;animation-fill-mode: forwards}nav.primary menu ul li a>ul>li:hover {background-color: #333}nav.primary .sub-menu a {margin: 0;background-color: #333;display: block;font-size: 18px;text-transform: uppercase}.global-header nav a .menu-hover {background-color: #333;color: #FFF;opacity: .8}nav.primary .sub-menu a:hover {background-color: #333}nav.primary .sub-menu a:active {background-color: #dcdcdc;color: #bbb;border-top: 1px solid #c7c7c7;border-bottom: 1px solid #FFF;padding: 5px 10px}nav.primary .cta {float: right;margin: -5px 10px 0 0}nav.primary .cta .login-link {line-height: 30px}nav.primary .cta li {margin-left: 12px;float: left}nav.primary .cta li:first-child {border-right: 1px solid #d6d6d6;padding-right: 12px}.blue-bar {content: " ";width: 100%;background-color: #39c;height: 6px}nav ul.menu li {margin-bottom: 14px}.left-divider {padding-left: 12px;margin-left: 12px;height: 30px}.search-header {height: 40px;text-align: right}.search-header .menu li {display: inline;line-height: 30px;margin-right: 40px;margin-top: 5px;margin-bottom: 5px}.search-header .menu .signup.left-divider {margin-top: 3px;margin-right: 0}#sticky-nav {background-color: #f4f4f4;width: 100%;margin: 0 auto;border-bottom: 1px solid #bbb;position: absolute;top: 81px;z-index: 1000;left: 0}.sticky-nav-fixed {position: fixed;top: 0}#sticky-nav .menu {width: 100%;max-width: 960px;margin: 0 auto;font-size: .9375em;line-height: 1}#sticky-nav .menu li {display: inline-block;margin: 0 30px 0 0;position: relative;padding: 10px;border-left: 1px solid transparent;border-right: 1px solid transparent;line-height: 1.0}.ie7 #sticky-nav .menu li {display: inline}#sticky-nav .menu li:hover {border-left: 1px solid #bbb;border-right: 1px solid #bbb;background-color: #FFF}#sticky-nav .menu li:hover a {padding-bottom: 1.25%;background-color: white}#sticky-nav .menu a {color: #666;padding: 0 1.0416667%;line-height: 1.0}#sticky-nav .menu li.active a {color: #39c}#sticky-nav .menu .sub-menu {display: none;font-size: .8125em;font-weight: normal;width: 200px;overflow: hidden;z-index: 1000}#sticky-nav .menu .sub-menu {display: none;font-size: .8125em;font-weight: normal;width: 20.833333%;overflow: hidden;z-index: 1000;-webkit-box-shadow: 0 5px 10px -5px #000;-moz-box-shadow: 0 5px 10px -5px #000;-o-box-shadow: 0 5px 10px -5px #000;box-shadow: 0 5px 10px -5px #000;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-o-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;padding-bottom: 2.5%}#sticky-nav li:hover .sub-menu {background-color: #FFF;opacity: .96;border: 1px solid #ccc;border-top: 0;display: block;margin: 0;position: absolute;top: 40px;left: -1px;width: 200px;-webkit-animation: dropdown 1s 1;-webkit-animation-fill-mode: forwards;-moz-animation: dropdown 1s 1;-moz-animation-fill-mode: forwards;animation: dropdown 1s 1;animation-fill-mode: forwards}#sticky-nav .menu .sub-menu li a {color: #333}#sticky-nav .menu .sub-menu li.active a {color: #39c}#sticky-nav .menu .sub-menu li {border: 0;display: inline;margin-top: 0}#sticky-nav .sub-menu a {margin: 2.5% 0 0;display: inline-block;font-size: .875em;text-transform: none;font-family: helvetica;font-weight: normal;padding: 1.0416667%;width: 100%}#sticky-nav .sub-menu li a:hover {background-color: #f4f4f4;color: #39c;text-transform: none;font-family: helvetica;font-weight: normal}#sticky-nav .sub-menu a:active {background-color: #f4f4f4;color: #39c;text-transform: none;font-family: helvetica;font-weight: normal}#sticky-nav .menu .y-spittle {margin: 0;width: 35px;padding-right: 0;padding-left: 0}#sticky-nav .menu .y-spittle a {background-color: #f4f4f4;padding-bottom: 0;position: relative;display: inline-block;height: 10px}#sticky-nav .menu .y-spittle img {position: absolute;top: -7px;left: 0;width: 30px;min-width: 30px}.ie7 #sticky-nav .menu .y-spittle {width: 30px;height: 10px}.ie7 #sticky-nav .menu .y-spittle img {top: -5px}.ie8 #sticky-nav .menu .y-spittle img {top: -7px}#sticky-nav .menu .y-spittle:hover {border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;background-color: #f4f4f4;padding-bottom: 10px}#sticky-nav .menu .y-spittle:hover a {background-color: #f4f4f4;padding-bottom: 0}.global-footer {margin-left: 10px;background-color: #FFF;color: #333;margin: 30px 0 0;padding: 0;border-top: 1px solid #bbb;bottom: 0;width: 100%;}.global-footer .global-footer-border {padding: 10px 0 20px 0;max-width: 960px;margin: 0 auto;}.global-footer .copy {color: #333;float: left;font-size: 12px;font-family: 'Helvetica', arial, sans-serif;}.global-footer .menu {float: right;width: auto;margin-right: 1%;}.global-footer .menu li {float: left;margin-right: 10px;padding-left: 10px;}.footer-social {float: right}.footer-social li {display: inline-block;width: 31px;height: 30px;margin: 0 5px}.footer-social li a {width: 31px;height: 30px;display: inline-block}.ie7 .footer-social li {display: inline}#facebook {background: url('/wp-content/themes/yammer-base/img/sprite.png') no-repeat 0 0}#facebook:hover {background: url('/wp-content/themes/yammer-base/img/sprite.png') no-repeat -36px 0}#twitter {background: url('/wp-content/themes/yammer-base/img/sprite.png') no-repeat -70px 0}#twitter:hover {background: url('/wp-content/themes/yammer-base/img/sprite.png') no-repeat -107px 0}#wrap {margin: 2.0833333% auto 43px auto;position: relative;top: 36px;padding-bottom: 30px}#content {background-color: #efefef;margin: 0 auto 3.125%;min-height: 600px;min-width: 960px;max-width: 1600px;position: relative;padding-top: 3.125%;background-color: transparent;background-position: top center;background-repeat: no-repeat}.home-header-bg {z-index: -1;background: url('/wp-content/themes/releases/img/background-gradient-1900.jpg') no-repeat top;height: 400px;width: 100%;position: absolute;border-bottom: 1px solid #bbb}.centered {text-align: center}.main {background-color: transparent}.yj-spinner-loading {width: 100px;padding-left: 20px;margin: 10px auto;background: url('/wp-content/themes/yammer-base/img/small-spinner.gif') no-repeat center left;color: #333;line-height: 14px}.page-header {margin-top: 30px}.page-header-description {margin-top: 12px;margin-bottom: 20px;font-size: 15px}.cta-link {font-size: 15px}.home-header {margin-bottom: 40px;min-height: 400px}.single-features #wrap {margin-top: 0}.container .share-button-container {float: right;position: relative;width: 100%;margin-right: 10px}.share-button {float: right;padding: .3125% 1.0416667% .3125% .3125%;margin-left: 1.0833333%;font-weight: bold;color: #666;text-transform: uppercase;font-size: .6875em;cursor: pointer}.share-button img {vertical-align: middle;max-width: 16px;max-height: 16px;min-width: 16px;min-height: 16px;margin-right: 5px}.share-button span {position: relative;top: 1px}.content .center {width: 100%;text-align: center}.shortcode-container {display: inline-block;background-color: #f4f4f4;border: 1px solid #bbb;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;margin: 4.787234% 2.1276596%;width: 19.1436%;min-width: 130px;background: -moz-linear-gradient(left, #f4f4f4 0, #fff 50%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f4f4f4), color-stop(50%, #fff), color-stop(100%, #f4f4f4));background: -webkit-linear-gradient(left, #f4f4f4 0, #fff 50%, #f4f4f4 100%);background: -o-linear-gradient(left, #f4f4f4 0, #fff 50%, #f4f4f4 100%);background: -ms-linear-gradient(left, #f4f4f4 0, #fff 50%, #f4f4f4 100%);background: linear-gradient(to right, #f4f4f4 0, #fff 50%, #f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=1);vertical-align: top}.shortcode-container:hover {background-color: #ededed;-webkit-box-shadow: 0 2px 6px -2px #999;-moz-box-shadow: 0 2px 6px -2px #999;-o-box-shadow: 0 2px 6px -2px #999;box-shadow: 0 2px 6px -2px #999;background: -moz-linear-gradient(left, #ededed 0, #f4f4f4 50%, #ededed 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ededed), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));background: -webkit-linear-gradient(left, #ededed 0, #f4f4f4 50%, #ededed 100%);background: -o-linear-gradient(left, #ededed 0, #f4f4f4 50%, #ededed 100%);background: -ms-linear-gradient(left, #ededed 0, #f4f4f4 50%, #ededed 100%);background: linear-gradient(to right, #ededed 0, #f4f4f4 50%, #ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=1)}.ie7 .shortcode-container {display: inline}.shortcode-container-content {text-align: center;padding: 5.5555556%;display: block}.shortcode-container-title {text-align: center;padding: 0 10px 10px;border-bottom: 1px solid #bbb;text-transform: uppercase;display: block}.shortcode-container-url {text-align: center;font-weight: bold;padding: 4.4444444%;border-top: 1px solid #FFF;background-color: #e4e4e4;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;-o-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px}.box-shortcode {background-color: #ececec;border-top: 1px solid #bbb;border-bottom: 1px solid white;margin: 3.1914894% auto}.box-shortcode-content {border-top: 1px solid #FFF;border-bottom: 1px solid #bbb;padding: 1.5957447%}.box-shortcode-content img {margin-right: 20px;float: left}.quote-container-small {max-width: 268px;padding: 15px;background-color: white;border: 1px solid #CCC;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;margin: 0 5px 30px 5px;display: inline-block;font-size: 14px;line-height: 1.5}.ie7 .quote-container-small {display: inline}.quote-container-content img {margin-right: 20px;float: left;border: 1px solid #bbb}.whitebox-shortcode {border: 1px solid #bbb}.whitebox-shortcode-content {padding: 1.5957447%}.back-to-top {cursor: pointer}.sidebar {margin-top: 20px}.sidebar .menu {text-align: right;font-size: 14px;line-height: 1.4}.sidebar .menu a {color: #333}.sidebar .menu a:hover {color: #069}.sidebar .menu .active a {color: #069;font-weight: bold}#content-sidebar {position: relative;min-height: 600px;padding-top: 30px;border-left: 1px solid #bbb;min-width: 740px;padding-left: 20px;padding-right: 20px}.container .reveal-modal-bg {position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,0.7);z-index: 2000;display: none;top: 0;left: 0;filter: alpha(opacity=80);zoom: 1}.reveal-modal {visibility: hidden;top: 100px;left: 50%;margin-left: -300px;width: 520px;background-color: #E7E7E7;position: absolute;z-index: 2001;padding: 15px;border: 10px solid rgb(0, 0, 128);border: 10px solid rgba(0, 0, 0, .5);-webkit-background-clip: padding-box;background-clip: padding-box;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}.reveal-modal.small {width: 200px;margin-left: -140px}.reveal-modal.medium {width: 400px;margin-left: -240px}.reveal-modal.large {width: 600px;margin-left: -340px}.reveal-modal.xlarge {width: 800px;margin-left: -440px}.reveal-modal .close-reveal-modal {font-size: 22px;line-height: .5;position: absolute;top: 20px;right: 20px;color: #aaa;text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);font-weight: bold;cursor: pointer}@media handheld, only screen and (device-width:768px), (device-width:800px) {.reveal-modal-bg {position: absolute}.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {width: 60%;top: 30%;left: 15%;margin-left: 0;padding: 5%;height: auto}}@media handheld, only screen and (max-width:767px) {.reveal-modal-bg {position: absolute}.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {width: 80%;top: 15%;left: 5%;margin-left: 0;padding: 5%;height: auto}}h1, h2, h3, h4, h5 {font-weight: 500;}p {font-weight:200;}ul.bulleted {font-weight: lighter;margin-top: 8px}.bulleted li {margin: 4px 0}.quote-container-small {font-weight: lighter}.box-shadow {position: relative;padding: 1em;margin: 30px 10px 20px 0;background: white}.box-shortcode-content {font-weight: lighter}.arc-shadow:before {top: 80%;bottom: 0;left: 10px;right: 10px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3)}.box-shadow:before, .box-shadow:after {content: "";position: absolute;z-index: -2}.price {font-size: 24px}.whitebox-shortcode .yj-btn {margin-bottom: 5px}.ie7 .shortcode-container-title {height: auto!important;min-height: 75px}.ie7 .shortcode-container-title h3 {font-family: Helvetica, Arial;font-weight: bold;font-size: 15px;line-height: 1.2}.shortcode-container-title h3 {font-family: "Interstate Condensed", helvetica, arial;font-style: normal;font-weight: bold;text-transform: uppercase}.ie7 #wrap {top: 60px}@media only screen and (min-width:1024px) and (max-width:1199px) {.global-header {padding-top: 17px}#sticky-nav {top: 78px}}@media only screen and (min-width:768px) and (max-width:1023px) {.container, #sticky-nav .menu {width: 95%}.shortcode-container-title {min-height: 88px}.quote-container-small {max-width: 205px;min-height: 225px;line-height: 1.4}.box-shortcode-content img {margin-bottom: 10px}}@media (max-width: 979px){#team-l{margin-right: 0;width: 23.5%;float: left;margin-right: 0px !important;margin-bottom: 20px}#teamname{font-size: 20px;}#team{width: 100%;float: left;clear: both;margin-right: 20px;}.tool-box{float: left;height: 50%;width: 40%;margin-bottom: 20px;margin-right: 20px;}.grey-container-left{float: left;clear: both;width: 100%;} .grey-container-right{float: left;width: 100%;} .global-footer .copy {margin-left: 10px}p {font-size: 21px;}.disclaimer{width: 95%}input[type='emailbig'] {width: 97%;font-size: 16px;}input[type='text'], input[type='email'] {width: 77%;}.container, #sticky-nav .menu {width: 95%}.grid3{width: 100% !important;font-size: 21px;background-color: #E8E8E8;}.grid4{width: 100% !important;margin: 0px 0px 20px 20px;}.grid5{width: 23.5%}.grid6{width:95% !important;height: 100%}#space{width: 100% !important;}.bluebox-shortcode-right{padding-bottom: 20px}.build-container-wrap{width: 100%;margin-left: -20px;}.build-container {padding:15px; background-color: #E8E8E8;height: 100% !important;}.build-container h3{font-size: 20px}.fourup{width:107%!important;}.fourteam{width:107%!important;}#tool-box{width: 21.6%;}#team-box{width: 21.6%;}}@media only screen and (min-width:321px) and (max-width:767px) {.container, #sticky-nav .menu {width: 95%}#header-logo {width: 100%;text-align: center}#header-menu {float: left;width: 100%;text-align: center}.search-header {text-align: center}.global-header {padding-top: 5px}#sticky-nav {top: 106px}.fourup{width: 108%!important;}#tool-box{width: 21%;}#team-box{width: 21%;}#teamname{font-size: 12px;}}@media only screen and (max-width:320px) {.grid5, #team-l{width: 100%}.global-footer .menu li {float: left;margin-right: 7px;padding-left: 10px;}.grid6{width: 85% !important;height: 100%}.bluebox-shortcode-right{width: 85%!important;}.fourteam {width: 110%!important;margin-right: 0px;}.fourup {width: 110%!important;margin-right: 0px;}input[type='text'], input[type='email'] {color: #333;width: 87%;float: left;font-size: 16px;border: 0px solid #D7D7D7;padding: 10px 20px 10px 10px;margin-top: 18px;margin-right: 15px;}input[type='emailbig'] {color: #333;float: left;font-size: 10px;font-weight: 200;height: 30px;border: 1px solid #D7D7D7;padding: 15px 0px 15px 8px;margin: 0px 18px 15px 0px;}p {font-size: 16px;}#wrap {top: 40px}.fourup {width: 110%!important;margin-right: 0px;}.fourteam {width: 110%!important;margin-right: 0px;}.tool-box {width: 63%;}.tool-box img{width: 97%;}#tool-box {width: 42%;}#team-box {width: 42.5%;}h1 {font-size: 1.3em;line-height: 1.4}.section-title {margin-bottom: 5px;}.build-container h3{font-size: 16px}.content h1 {margin-bottom: 5.083333%}.container, #sticky-nav .menu {width: 95%}#header-logo {text-align: center;margin-bottom: 10px}#header-logo img {width: 200px}#header-menu {float: left;width: 100%;text-align: center}.search-header {text-align: center}.global-header {padding-top: 5px;padding-bottom: 0}ul.menu {width: 215px;margin: 0 auto}#sticky-nav .menu li {margin: 0;font-size: .7em;padding: 10px 7px}#sticky-nav .menu .y-spittle img {top: -13px;left: -3px}#sticky-nav .menu .y-spittle img {top: -6px}.shortcode-container {width: 100%;margin: 1.787234% .12766%}.shortcode-container-content img {width: 70px;height: 70px;float: left;margin-right: 10px}.shortcode-container-title {padding: 0 10px 23px;border-bottom: 0}.shortcode-container-url {display: none}.box-shortcode {margin-top: 30px}.box-shortcode-content {font-size: 14px}}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( A Pen by Dan Long ) is write by Dan Long, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Dan Long