@import url("http://fonts.googleapis.com/css?family=Rokkitt:700");
@font-face {
  font-family:'WinterthurCondensedRegular';
  src:url('WinterthurCondensed-webfont.eot');
  src:url('WinterthurCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('WinterthurCondensed-webfont.woff') format('woff'), url('WinterthurCondensed-webfont.ttf') format('truetype'), url('WinterthurCondensed-webfont.svg#WinterthurCondensedRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
.serif { font-family:'Rokkitt', sans-serif; }
.largeInput {
  background:none repeat scroll 0 0 #e6e6e6;
  font-size:14px;
  padding:10px;
}
.closeLetters { letter-spacing:-0.07em; }
html, body {
  background:url("/css/old_mathematics.png") #efefef;
  height:100%;
}
h1 {
  margin-bottom:20px;
  line-height:1em;
  letter-spacing:-0.07em;
}
.add .profilesList { list-style:none; }
.add .profilesList li {
  background:#8bcc05;
  color:#333333;
  line-height:18px;
  margin-top:2px;
  padding:8px;
}
.add .profilesList li.toDelete {
  background:#d54e21 !important;
  margin-left:-10px;
}
.add .profilesList li.toDelete a { color:#ffffff; }
.add .profilesList li.brighter { background:#abf90b; }
.add .profilesList li a {
  color:#222222;
  font-weight:bold;
}
#login {
  width:290px;
  margin-top:50px;
}
#login p { margin-bottom:20px; }
#register {
  margin-top:50px;
  width:auto;
  margin-left:300px;
  margin-bottom:18px;
}
#login input[type="text"], #login input[type="password"] {
  padding:10px;
  width:270px;
}
.buttonWrapper { float:right; }
h2.title {
  margin-left:20px;
  margin-bottom:40px;
}
.registerInstructions {
  margin-left:20px;
  font-style:italic;
  color:#444444;
}
.formLabel {
  display:inline-block;
  width:75px;
}
.profileAuthor {
  font-weight:normal;
  color:#777777;
  font-size:14px;
}
#addProfile .formLabel { width:100px; }
#profileDescription { width:370px; }
p.editLink { margin-bottom:20px; }
.viewProfilesList {
  display:block;
  padding:5px;
  background:#ffffff;
  margin-bottom:15px;
  border:solid 1px #e9e9e9;
  box-shadow:1px 1px 2px #999999;
  max-height:560px;
}
.front .viewProfilesList {
  border:1px solid #e9e9e9;
  box-shadow:1px 1px 2px #999999;
  float:left;
  margin-bottom:15px;
  margin-right:23px;
  min-height:200px;
  padding:5px 5px 14px;
  width:280px;
}
.relatedProfiles h3 {
  color:#ffffff;
  margin-top:20px;
}
.blogBody {
  color:#ffffff;
  margin-top:30px;
  margin-bottom:20px;
  min-height:217px;
  padding-bottom:20px;
}
.blogBody img {
  float:right;
  margin-left:15px;
  border-radius:5px;
}
.blogBody .featuredProfiles {
  list-style:none;
  margin-left:0;
}
.blogBody .featuredProfiles li {
  float:left;
  margin-right:15px;
}
.blogBody .featuredProfiles li a {
  display:block;
  padding:10px;
  border-radius:5px;
  background:#ffffff;
}
.profilesList { margin-left:0; }
p.copyLink { margin-top:20px; }
.pluginNames li { position:relative; }
.pluginDescription {
  display:none;
  max-height:500px;
  overflow-y:auto;
}
.modal-header { background:#d7d7d7; }
.btn { outline:none; }
#recentlyUpdated {
  margin-top:0px;
  margin-bottom:110px;
}
#recentlyUpdated h3 {
  margin-bottom:10px;
  margin-top:10px;
}
.topbar-inner, .topbar .fill { border-bottom:1px solid #d2d2d2; }
#loginRow {
  min-height:215px;
  z-index:50;
  position:relative;
  margin-bottom:20px;
}
.front #loginRow, .front #loginRow  a { color:#ffffff; }
.front #loginRow  a { text-decoration:underline; }
.front #loginRow { text-decoration:none; }
h2, h3 {
  font-family:'WinterthurCondensedRegular', arial, sans-serif;
  font-weight:normal;
}
.viewProfilesList {
  color:#222222;
  line-height:1.7em;
}
.viewProfilesList > a, .jspPane > a {
  background:#444444;
  display:block;
  padding:10px;
  color:#ffffff;
  border-radius:5px;
}
.viewProfilesList > a:hover, .jspPane > a:hover {
  background:#8bcc05;
  color:#222222;
  text-decoration:none;
}
.viewProfilesPlugins {
  margin-left:5px;
  margin-top:15px;
}
#topRowBackground {
  position:absolute;
  background:url(raster.png) #00a2f0;
  z-index:0;
}
.front #topRowBackground, .register #topRowBackground {
  height:295px;
  top:40px;
  width:100%;
  border-bottom:solid 64px #a4abbf;
  box-shadow:0 7px 0 #ffffff, 0 11px 19px #333333;
}
.register #topRowBackground { height:600px; }
#footer {
  position:relative;
  margin-top:-50px;
  height:230px;
  clear:both;
  width:100%;
  background:#222222;
}
.footerCol {
  text-align:center;
  color:#999999;
  font-size:24px;
  padding-top:50px;
  height:100px;
  margin-bottom:20px;
}
.footerCol a {
  color:#999999;
  opacity:0.5;
}
.footerCol a:hover { text-decoration:none; }
.footerCol img {
  margin-bottom:20px;
  opacity:0.2;
}
.footerCol:hover img {
  opacity:0.8;
  transition:opacity 1s ease-in-out;
}
.footerCol:hover a {
  opacity:0.8;
  transition:opacity 1s ease-in-out;
}
p#copyright, #copyright a {
  color:#888888;
  font-family:arial, sans-serif;
}
.searchListingPlugins {
  color:#000000;
  font-weight:bold;
}
#searchResults li {
  margin-bottom:23px;
  padding-bottom:23px;
  width:200px;
  float:left;
  margin-left:20px;
}
a.pluginLink {
  border-bottom:1px solid #dfdfdf;
  color:#000000;
  display:block;
  padding:5px 2px;
  margin-right:5px;
}
a.pluginLink:last-child {
  border-bottom:none;
  margin-bottom:-3px;
  padding-bottom:0;
}
a.pluginLink:hover {
  background:#ffca27;
  text-decoration:none;
}
.placeholder { color:#666666; }
.placeholderFocus { color:#000000; }
.register p {
  font-size:14px;
  margin-bottom:30px;
  line-height:1.5em;
}
.topbar input[type="submit"] { height:28px; }
.register .container, .register h2 {
  position:relative;
  color:#ffffff;
}
.register .span16 { color:#000000; }
.register .span16 p {
  margin-bottom:2px;
  font-size:12px;
}
.register #recentlyUpdated { margin-top:20px; }
a.whatsThis {
  font-size:10px;
  text-decoration:underline;
}
a.authorLink {
  text-decoration:underline;
  color:#bfbfbf;
  letter-spacing:-0.05em;
}
a.tabRight {
  background:#c9c9c9;
  border-radius:0 10px 10px 0;
  color:#333333;
  display:block;
  padding:10px;
  text-decoration:none;
  height:36px;
  width:100px;
  margin-left:10px;
}
a.tabRight:hover { background:#d9d9d9; }
#helpClose { color:#ffffff; }
#register input[type="text"], #register input[type="password"] {
  padding:10px;
  font-size:14px;
  background:#e6e6e6;
}
#register .formLabel { font-weight:bold; }
.account .formLabel { width:105px; }
.validatorError {
  height:15px;
  background-color:#fffe36;
  border:1px solid #e1e16d;
  font-size:11px;
  color:#000000;
  padding:10px 10px 14px 10px;
  margin-left:-2px;
  border-radius:0 10px 10px 0;
}
.front .validatorError, .add .validatorError { padding:4px 4px 7px 4px; }
input.invalid { border:solid 1px red; }
.pluginNames { margin-left:19px; }
.pluginNames a, .all a.pluginLink {
  display:inline-block;
  text-decoration:none;
  background:#d54e21;
  padding:5px 8px;
  margin-bottom:3px;
  color:#ffffff;
  font-size:16px;
  border-right:1px solid;
}
.pluginNames a:hover, .all a.pluginLink:hover {
  background:#555555;
  color:#f8f8f8;
}
.topHeader {
  color:#ffffff !important;
  text-align:right;
}
.all #searchResults li {
  overflow:auto;
  float:none;
  width:600px;
}
a.profileTitle {
  font-family:'Rokkitt', sans-serif;
  font-size:18px;
}
.footerCol { text-align:center; }
#testimonial li { margin-bottom:30px; }
#videoWrapper {
  float:right;
  margin-left:20px;
  margin-bottom:20px;
  background:#d2d2d2;
  text-align:center;
  border-radius:5px;
  padding:10px;
}
.view h1 {
  margin-bottom:20px;
  line-height:1em;
  letter-spacing:-0.07em;
}
.view h1 small { letter-spacing:-0.1em; }
.view h1 small a.whatsThis { letter-spacing:0; }
#privacyStatus {
  width:300px;
  position:relative;
  float:right;
}
#privacyStatus img { margin-left:20px; }
a.headerLink {
  font-size:14px;
  background:#ffca27;
  color:#222222;
  padding:5px;
  font-family:Arial, Helvetica, sans-serif;
  border-radius:5px;
  position:relative;
  top:-4px;
  left:500px;
}
a.headerLink:hover {
  text-decoration:none;
  background:#adee27;
}
.statistic {
  color:#999999;
  float:right;
  font-size:36px;
  margin-top:43px;
  margin-bottom:20px;
  line-height:1.4em;
  letter-spacing:-0.04em;
  text-align:right;
}
.fixed { position:fixed; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .fixed { position:relative; }
}
#modalSlug {
  float:right;
  font-style:italic;
}
.hbg-bar {
  padding-left:5px;
  background-color:#00a2f0;
  color:#ffffff;
  font-weight:bold;
  padding:15px;
  width:50px;
  border-radius:0 15px 15px 0;
  box-shadow:2px 2px 4px #888888;
}
.front .hbg-bar {
  border-radius:0;
  padding:5px;
}
.front .hbg-label {
  margin-top:0;
  margin-bottom:16px;
  font-family:'WinterthurCondensedRegular', arial, sans-serif;
  font-weight:normal;
  display:inline-block;
}
.front #numberOfProfiles p {
  padding:5px;
  margin-bottom:10px;
  font-size:100px;
  letter-spacing:-0.06em;
  line-height:55px;
  margin-bottom:5px;
  position:relative;
}
.front #numberOfProfiles h3 {
  font-size:24px;
  border-bottom:solid 2px #333333;
  margin-bottom:18px;
}
.front .pluginStats {
  position:relative;
  left:-41px;
}
.front #topFivePlugins h3 {
  font-size:22px;
  border-bottom:solid 2px #333333;
  margin-bottom:15px;
}
.front .statLabel {
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:-0.01em;
  position:absolute;
  top:8px;
  right:100px;
}
.hbg-bar:nth-of-type(7) { background:#ed5747; }
.hbg-bar:nth-of-type(6) { background:#d1cb7e; }
.hbg-bar:nth-of-type(5) { background:#daa400; }
.hbg-bar:nth-of-type(4) { background:#8db698; }
.hbg-bar:nth-of-type(3) { background:#486570; }
.hbg-bar:nth-of-type(2) { background:#8bcc05; }
.hbg-label {
  margin-bottom:36px;
  margin-top:14px;
  text-align:right;
}
.hbg-title {
  text-align:center;
  font-weight:bold;
}
.graphDivider { background:#999999; }
.blogText {
  font-size:16px;
  line-height:1.4em;
  font-family:georgia, Rokkitt;
  color:#000000;
}
.blog p {
  font-size:16px;
  line-height:1.4em;
  font-family:georgia, Rokkitt;
  color:#000000;
}
.blog h2 {
  font-size:38px;
  margin-bottom:15px;
}
.blog h2 a { color:#000000; }
.blog .blogPost {
  margin-bottom:60px;
  padding:30px;
  border-radius:5px;
  background:#f9f9f9;
  box-shadow:0 0 5px #d2d2d2;
}
.blog .blogPost ul li {
  font-size:16px;
  line-height:1.4em;
  font-family:georgia, Rokkitt;
  color:#000000;
}
.blogHome .blogPost {
  position:relative;
  height:123px;
  margin-bottom:2px;
}
.blogHome .blogPost:last-child { margin-bottom:40px; }
.blogHome #imageWrapper {
  box-shadow:1px 2px 6px #999999;
  width:217px;
  height:100px;
  border:10px solid #ffffff;
}
.blogHome .featuredPlugin {
  transform:rotate(90deg);
  position:absolute;
  right:-60px;
  top:47px;
}
p.date {
  text-align:right;
  color:#777777;
  font-size:12px;
  font-style:italic;
}
#blogForm input.largeInput, #blogForm textarea { width:100%; }
#blogForm textarea { height:250px; }
#blogForm .largeInput:focus {
  background:#ffffff;
  color:#000000;
}
#postTable { background:#ffffff; }
#postTable tr.head {
  background:#333333;
  color:#ffffff;
}
.videoPlayer {
  background:none repeat scroll 0 0 #d6d6d6;
  border-radius:10px 10px 10px 10px;
  box-shadow:0 0 12px #333333;
  margin-bottom:100px;
  margin-top:30px;
  padding-bottom:24px;
  padding-top:7px;
  text-align:center;
}
#addProfile input[type="text"] {
  padding:9px;
  font-size:15px;
}
#addProfile textarea { width:380px !important; }
.next {
  background:url('buttons.png') no-repeat -46px -7px;
  width:35px;
  height:33px;
  text-indent:-9999px;
  float:right;
}
.prev {
  background:url('buttons.png') no-repeat -7px -7px;
  width:35px;
  height:33px;
  text-indent:-9999px;
}
#nextPrevControls {
  position:absolute;
  top:3px;
  left:254px;
  width:413px;
}
ul.ui-autocomplete {
  list-style:none;
  background:#f9f9f9;
  width:228px;
  margin-top:-4px !important;
  padding-bottom:10px;
  border-radius:0 0 5px 5px;
}
.ui-menu {
  border:solid 1px #777777;
  box-shadow:1px 1px 6px #777777;
  border-top:none 0px;
}
.ui-menu-item a {
  display:block;
  padding:3px;
  width:210px;
  margin-bottom:1px;
  cursor:pointer;
  text-decoration:none;
  color:#333333;
  border-radius:3px;
  margin-left:5px;
}
.ui-menu-item a:hover {
  background:#777777;
  color:#ffffff;
}
.ui-autocomplete-category {
  font-weight:bold;
  padding:.2em .4em;
  margin:.8em 0 .2em;
  line-height:1.5;
  color:#222222;
  background:#e7e7e7;
}