/* reset */
html body {
  background:#fff;
  color:#333;
  font-family:Lato, Arial, sans-serif;
}
a,
a:link,
a:visited {
  color:#06c;
}
a:link:hover,
a:visited:hover,
a:hover .foswikiAccessKey,
.patternTopicActions a:hover .foswikiAccessKey,
#patternBottomBarContents a:hover,
a:hover {
  background-color:#06C;
  color:#fff;
  text-decoration:none;
}
a:hover h3,
a:hover h4 {
  color:#fff;
}
a h1, a h2, a h3, a h4 {
  color:#333;
}
#patternScreen,
#patternOuter,
#patternSideBar, 
#patternWrapper, 
#patternPage {
  background-color:transparent;
}
.foswikiTopic {
  margin:0;
}
#patternMainContents {
  padding:0;
}
.foswikiBroadcastMessage {
  margin:0;
}

/* custom */
.foGradient1 {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76db11+0,ffffff+50 */
   background: #76db11; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2ZGIxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -moz-linear-gradient(top, #76db11 0%, #ffffff 65%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76db11), color-stop(65%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #76db11 0%,#ffffff 65%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #76db11 0%,#ffffff 65%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #76db11 0%,#ffffff 65%); /* IE10+ */
   background: linear-gradient(to bottom, #76db11 0%,#ffffff 65%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76db11', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.foGradient2 {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0eb76+0,ffffff+50 */
   background: #b0eb76; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZWI3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background: -moz-linear-gradient(top, #b0eb76 0%, #ffffff 66%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0eb76), color-stop(66%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #b0eb76 0%,#ffffff 66%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #b0eb76 0%,#ffffff 66%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #b0eb76 0%,#ffffff 66%); /* IE10+ */
   background: linear-gradient(to bottom, #b0eb76 0%,#ffffff 66%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0eb76', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.foSection.jqBubbles .bubble,
.foSectionContents.jqBubbles .bubble {
  bottom: 320px;
  opacity: 0.7;
}
a .jqIcon {
  margin-right:0.4em;
}
h1, h2, h3, h4, h5 {
  font-family:Roboto, Arial, sans-serif;
}
.foCallToAction h1 {
  font-size:60px;
  line-height:1.3;
  max-width:672px; /* 60% */
  margin:2em auto;
  color:#70C229;
  color:#52AF00;
  text-shadow:0 0 25px #fff;
  font-weight:500;
  text-align:center;
  position:relative;
  z-index:10;
}
.foCallToAction .foButtonBox {
  margin:1em auto;
  color:#3E89D3;
  color:#888;
  text-align:center;
}
.foInlineBlock {
  display:inline-block;
  text-align:left;
}
.foSlimSection {
  max-width:672px; /* 60% */
  margin:0 auto;
}
.foBlueButton,
.foOrangeButton {
  font-size:120%;
  line-height:2;
  font-weight:600;
  display:inline-block;
  margin:20px 20px 20px 0;
  padding:0.5em 1em;
  color:#fff !important;
  transition:250ms;
}
.foOrangeButton {
  background-color:#F9A842;
}
.foOrangeButton:hover {
  background-color:#F28806 !important;
}
.foBlueButton {
  background-color:#1A7EE3;
  background-color:#3E89D3;
  background-color:#82C0FD;
}
.foBlueButton:hover {
  background-color:#53A3F2 !important;
}
.foSection {
  font-size:16px;
  line-height:1.5;
  padding:0 1em;
}
.foCallToAction .foSectionContents {
  padding:2em 0 4em;
}
.patternTopicActions {
  position:fixed;
  bottom:0;
  left:0;
  padding:0.5em 1em;
  width:100%;
  background:#ddd;
}
.foSectionContents {
   max-width:1120px;
   margin:0 auto;
   padding:3em 0;
}
.foSection:nth-child(2n) {
  background-color:#EEEDEC;
}
.foLogo {
  display:block;
  float:left;
}
a.foLogo:hover {
  background:transparent;
}
.foNavi {
  margin-top:15px;
}
.foNavi a:link,
.foNavi a:visited,
.foNavi a {
  display:inline-block;
  color:#505050;
  font-weight:bold;
  font-size:16px;
  line-height:50px;
  padding:0 0.5em;
}
.foNavi a:link:hover,
.foNavi a:visited:hover,
.foNavi a:hover {
   background-color:#82C0FD;
  background-color:#1A7EE3;
  background-color:#3E89D3;
  color:#fff;
  text-decoration:none;
}
.externalLink a {
  background-image:none !important;
  margin:0;
}
.foSection h2 {
  font-size:40px;
}
.foSection h3 {
  font-size:30px;
  margin-top:2em;
}
.foSection h2,
.foSection h3 {
  text-align:center;
  color:#339000;
  color:#70C229;
  color:#52AF00;
}
.foSocialNetworks {
  text-align:center;
}
.foSocialNetworks a {
  display:block;
}
.foSocialNetworks a:hover,
.foSocialNetworks a:hover h3,
.foSocialNetworks a:hover h4 {
  background-color:transparent !important;
  color:#06C;
}
.foSocialNetworks a:hover .jqIcon {
  background-color:#06C;
}
.foSocialNetworks .jqIcon {
  font-size:32px;
  width:32px;
  height:32px;
  line-height:1;
  border-radius:50%;
  color:#fff;
  background-color:#70C229;
  background-color:#52AF00;
  padding:0.7em;
}
.foSocialNetworks .fa-twitter {
   background-color:#55ACEE;
}
.foSocialNetworks .fa-facebook {
   background-color:#3B5998;
}
.foSocialNetworks .fa-google-plus {
   background-color:#DD4B39;
}
.foSocialNetworks .fa-github {
   background-color:#171515;
}
.pics  {  
 width: 316px;
 height: 327px;
 padding: 0;  
 margin: 0 auto;
 border:0;
}
.pics img {  
 padding: 0;  
 border: none;
 background-color: #fff;  
 width:  316px; 
 height: 327px; 
 top:  0; 
 left: 0 
}
.foswikiCenter {
  text-align:center;
}
#patternWebBottomBar {
  text-align:center;
}
#patternBottomBarContents {
  max-width:1120px;
  margin:0 auto;
  padding:4em 0 8em;
}
#patternBottomBar {
  margin-top:0;
}
.foTickBullets li {
  padding-left:26px;
  background-image:url(/pub/System/FamFamFamSilkIcons/tick.png);
  background-repeat:no-repeat;
  background-position:0 2px;
}
.foTickBullets ul,
.foNoBullets ul {
  margin:0;
  padding:0;
}
.foTickBullets li,
.foNoBullets li {
  list-style:none;
  margin-bottom:0.5em;
}
.foExtensionNews li:after {
  content:" ";
  display:block;
  width:50%;
  border-bottom:1px solid #EEEDEC;
  margin:1.5em auto 1em;
}
.foExtensionNews ul {
  margin-bottom:1.5em;
}
.foExtensionNews li {
  position:relative;
  padding-top:2.5em;
  margin-bottom:0;
}
.foExtensionNews em {
  text-transform:uppercase;
  font-style:normal;
  color:#aaa;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-43px;
}
.foSearch,
.foSearch input,
.foSearch select {
  font-size:16px;
  border-radius:0;
}
.foSearch input {
  width:15em;
  padding:0.5em 1em;
  color:#999;
  border:1px solid #BBB;
}
.foSearch select {
  border:1px solid #BBB;
  padding:0.5em 1em;
  color:#777;
}

@media (max-width:810px) {
   .foCallToAction h1 {
      font-size:50px;
   }
   .foSection h2 {
      font-size:30px;
   }
   .foSection h3 {
      font-size:25px;
   }
}