/* getinterface.com
Developed by Instrument | http://www.weareinstrument.com */

#wrapper { 
  min-width: 994px;
  margin: 0 auto;
}

/* Header
-------------------------------------------------------------- */

#header {
  background: #96da00 url(http://www.getinterface.com/img/header-bg.png) top left repeat-x;
  height: 83px;
}

#support #header,
#account #header {
  height: 125px;
}

#header .blueprint {
  position: relative;
}

#header h1#logo {
  right: 0;
  width: 157px;
  height: 43px;
  top: 21px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-indent: -9000px;
  background: url(http://www.getinterface.com/img/logo.png) top left no-repeat;
  border: none;
}

#header h1#logo a {
  display: block;
  height: 100%;
  width: 100%;
}

#header h1#logo a:focus {
  outline: 0;
}

/* Secondary Header, Tertiary Header
-------------------------------------------------------------- */

#secondary-header {
  height: 162px;
  background: #ededed url(http://www.getinterface.com/img/secondary-header-bg.png) bottom left repeat-x;
}

#support #secondary-header,
#account #secondary-header {
  background: #ededed url(http://www.getinterface.com/img/support-secondary-header-bg.png) bottom left repeat-x;
}

#secondary-header .blueprint {

}

#secondary-header h1 {
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2";
  font-weight: 300;
  font-size: 38px;
  color: #5e9400;
  text-transform: uppercase;
  float: left;
  padding: 0 25px 0 0;
  margin: 38px 25px 0 0;
  border-right: 1px solid #cccccc;
  line-height: 86px;
}

#secondary-header p {
  font-family: "pill-gothic-600mg-1","pill-gothic-600mg-2";
  font-weight: 300;
  font-size: 25px;
  line-height: 86px;
  margin: 38px 0 0 0;
  float: left;
  color: #323232;
}

#tertiary-header {
  height: 86px;
  background: #ededed url(http://www.getinterface.com/img/tertiary-header-bg.png) top left repeat-x;
}

#tertiary-header .blueprint {
  position: relative;
}

#tertiary-header h1 {
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2";
  font-weight: 300;
  font-size: 38px;
  color: #71A300;
  text-transform: uppercase;
  float: left;
  padding: 0;
  margin: 28px 0 0 0;
  border: none;
  line-height: 38px
}

/* Content
-------------------------------------------------------------- */

#content {
  padding: 40px 0 50px 0;
  background: #fff url(http://www.getinterface.com/img/content-bg-highlight.png) repeat-x;
}

/* Navigation
-------------------------------------------------------------- */

#nav, #subnav {
  margin: 0;
  height: 32px;
  list-style: none;
  position: absolute;
  top: 51px;
  padding: 0;
}

#nav * :focus, #subnav * :focus {
  outline: 0;
}

#nav li {
  float: left;
  height: 32px;
}

#nav li a {
  height: 100%;
  margin: 0 1px 0 0;
  display: block;
  text-decoration: none;
  text-indent: -9000px;
  background-image: url(http://www.getinterface.com/img/bg-nav.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

#nav-home a { width: 60px; }
#nav-features a { width: 79px; background-position: -61px 0; }
#nav-examples a { width: 83px; background-position: -141px 0; }
#nav-faq a { width: 46px; background-position: -225px 0; }
#nav-support a { width: 80px; background-position: -272px 0; }
#nav-pricing a { width: 72px; background-position: -353px 0; }
#nav-account-center a { width: 122px; background-position: -426px 0; }
#nav-home a:hover, #home #nav-home a { background-position: 0px -32px; }
#nav-features a:hover, #features #nav-features a { background-position: -61px -32px; }
#nav-examples a:hover, #examples #nav-examples a { background-position: -141px -32px; }
#nav-faq a:hover, #faq #nav-faq a { background-position: -225px -32px; }
#nav-support a:hover, #support #nav-support a { background-position: -272px -32px; }
#nav-pricing a:hover, #pricing #nav-pricing a { background-position: -353px -32px; }
#nav-account-center a:hover, #account-center #nav-account-center a { background-position: -426px -32px; }
#account #nav-account-center a { background-position: -426px -32px; }

#subnav {
  height: 42px;
  left: 0;
  top: 32px;
}

#subnav li {
  height: 42px;
}

#subnav li a {
  background: none;
  margin: 10px 6px 10px 0;
  padding: 0 10px;
  text-indent: 0px;
  font-size: 11px;
  font-weight: bold;
  color: #292929;
  line-height: 22px;
  height: 22px;
  width: auto;
}

#support #subnav-manual a:hover, .user-manual #subnav-manual a { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#support #subnav-blog a:hover, .developers-blog #subnav-blog a { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#support #subnav-service a:hover, .service-updates #subnav-service a { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#account #subnav-dashboard a:hover, .dashboard #subnav-dashboard a { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Footer
-------------------------------------------------------------- */

#footer {
  padding: 36px 0;
  background: #242221;
}

#footer a {
  color: #6fb227;
}

#footer .blueprint {
  background: url(http://www.getinterface.com/img/dotted-bg.gif);
  padding: 18px 0 0 18px;
}

#footer h3 {
  color: #F4F1EA;
  margin-top: 0;
}

#footer #copy p {
  font-size: 11px;
  color :#929696;
  text-shadow: #242221 0px -1px 1px;
}

#footer .nav {
  padding: 0;
}

#footer .nav li {
  font-size: 11px;
  list-style-type: none;
  text-shadow: #242221 0px -1px 1px;
  margin: 0;
}


/* Typography
-------------------------------------------------------------- */

a.arrow {
  background: url(http://www.getinterface.com/img/arrow.png) right center no-repeat;
  padding-right: 10px; 
}

a.external {
  background: url(http://www.getinterface.com/img/external.png) right center no-repeat;
  padding-right: 14px; 
}

ul {
  margin-bottom: 18px;
  list-style-position: outside;
  padding: 0 0 0 20px;
}

li {
  margin-bottom: 9px;
}

h2 {
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2";
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #242221;
  margin: 27px 0 18px 0;
}

h2 a {
  color: #242221;
  text-decoration: none;
}

h3 {
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2";
  font-weight: 700;
  font-size: 14px;
  color: #242221;
  margin: 27px 0 9px 0;
  text-transform: uppercase;
}

h3 a {
  color: #242221;
  text-decoration: none;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  color: #242221;
}

address {
  font-style: normal;
}

.hr { 
  background: transparent url(http://www.getinterface.com/img/dotted-hr.png) top center repeat-x;
  display: block;
  height: 3px !important;
  margin: 18px auto;
}

.hr hr {
  display: none;
}

.pre, pre {
  color: #929696;
  background-color: #242221;
  padding: 18px;
  margin: 18px 0 18px 0;
  font-size: 12px;
  overflow-x: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.code, code {
  color: #333;
  background-color: #FDE48B;
  font-size: 12px;
  padding: 1px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* Home
-------------------------------------------------------------- */

#home #secondary-header {
  height: auto;
  padding: 0 0 45px 0;
}

#home #secondary-header h2 {
  width: 293px;
  height: 57px;
  float: none;
  margin: 43px 0 18px 0;
  text-indent: -9000px;
  background: url(http://www.getinterface.com/img/current-version.png) no-repeat;
}

#home #callout {
  position: relative;
}

#home #caret { 
  background: url(http://www.getinterface.com/img/caret.png) 0 0 no-repeat;
  height: 17px;
  left: 20px;
  position: absolute;
  top: 159px;
  width: 41px;
}

#home #callout ul { 
  background: url(http://www.getinterface.com/img/home-tabcopy-bg.png) left bottom no-repeat;
  height: 245px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 462px;
}

#home #callout ul li {
  float: left;
  height: 36px;
}

#home #callout ul li a {
  height: 36px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(http://www.getinterface.com/img/tabnav.png) 0 0 no-repeat;
  color: #232221;
  font-size: 12px;
}

#home #callout ul li a:hover,
#home #callout ul li a.on { color: #7fbc2f; }
#home #callout ul * :focus { outline: 0; }

#tab-overview a { width: 82px; }
#tab-developers a { width: 112px; background-position: -82px 0 !important; }
#tab-designers a { width: 106px; background-position: -194px 0 !important; }
#tab-businesses a { width: 162px; background-position: -300px 0 !important; }
#tab-overview a:hover, #tab-overview a.on { background-position: 0 -36px !important; }
#tab-developers a:hover, #tab-developers a.on { background-position: -82px -36px !important; }
#tab-designers a:hover, #tab-designers a.on { background-position: -194px -36px !important; }
#tab-businesses a:hover, #tab-businesses a.on { background-position: -300px -36px !important; }

#home #callout li p {
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  display: none;
  height: 187px;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9000px;
  width: 462px;
}

#home #callout li p#interface-overview {
  background-image: url(http://www.getinterface.com/img/copy/home_tabcopy_overview.png);
  display: block;
}

#home #callout li p#interface-developers { background-image: url(http://www.getinterface.com/img/copy/home_tabcopy_developers.png); }
#home #callout li p#interface-designers { background-image: url(http://www.getinterface.com/img/copy/home_tabcopy_designers.png); }
#home #callout li p#interface-businesses { background-image: url(http://www.getinterface.com/img/copy/home_tabcopy_businesses.png); }

#home #secondary-header #screencast {
  padding: 50px 0 0 0;
}

#home #content {
  padding: 37px 0 36px 0;
}

#home #content h3 {
  margin: 0 0 9px 0;
}

#home #content p {
  margin: 0 0 10px 0;
}

#home #content .hr { 
  margin: 0 0 10px 0;
}

#home #content #from-blog ul { 
  list-style: none;
  margin: 0 0 18px 0;
  padding: 0;
}

#home #content #from-blog li {
  background: url(http://www.getinterface.com/img/dotted-hr.png) bottom left repeat-x;
  position: relative;
  padding: 11px 0 1px 0;
}

#home #content #from-blog li.first {
  padding-top: 0px;
}

#home #content #from-blog li .date {
  font-size: 10px;
  text-transform: uppercase;
}

#home #content #from-blog li .title {
  font-size: 15px;
  margin: 0 0 3px 0;
}

#home #content #from-blog li .summary {
  
}

#home #content #from-blog .comment-count {
  position: absolute;
  left: 0px;
  top: 12px;
  width: 24px;
  height: 23px;
  color: #fff;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  background: transparent url(http://www.getinterface.com/img/bubble.png) top left no-repeat;
  text-shadow: #666665 0px -1px 1px;
}

#home #content #from-blog li.first .comment-count {
  top: 1px;
}

#home #content .example {
  margin: 4px 0 11px 0;
}

#home #content .example p {
  font-size: 11px;
  margin: 0;
}

/* Features
-------------------------------------------------------------- */

#features #content {
  padding: 0 0 32px 0;
}

#features h2 {
  margin-top: 45px;
}

#features #content li {
  padding-right: 10px;
}

/* Examples
-------------------------------------------------------------- */

#examples #content {
  padding: 13px 0 32px 0;
}

#examples #content h2 {
  text-transform: uppercase;
}

#examples .hr {
  margin: 9px auto 0;
}

#examples .example {
  background: url(http://www.getinterface.com/img/thumb-border.png) left top no-repeat;
  color: #838383;
  padding: 10px 10px 15px;
  width: 200px;
  margin: 0 0 27px 0;
}

#examples .example .image {
  margin-bottom: 1px;
}

#examples .example .image img {
  line-height: 1;
  margin: -5px -5px 0;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

#examples .example a:hover {
  color: #76C100;
}

#examples .example p {
  margin: 0;
}

#examples .example .example-cap {
  background: url(http://www.getinterface.com/img/thumb-border.png) left bottom no-repeat;
  height: 10px;
  margin: 0 -10px -15px -10px;
  width: 220px;
}

/* FAQ
-------------------------------------------------------------- */

#faq #content {
  padding: 13px 0 32px 0;
}

#faq #content dt {
  color: #000;
  font-weight: bold;
}

#faq #content dd {
  margin: 0 0 18px 0;
}

#faq #content dd p {
  margin: 0;
}

#faq #content dl {
  margin: 0;
}

/* Support
-------------------------------------------------------------- */

#support #content {
  padding: 13px 0 32px 0;
}

#support #content #user-manual ul,
#support #content #developers-blog ul,
#support #content #service-updates ul { 
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0 0 1px 0;
  background: url(http://www.getinterface.com/img/dotted-hr.png) left bottom repeat-x;
}

#support #content #user-manual li,
#support #content #developers-blog li,
#support #content #service-updates li {
  background: url(http://www.getinterface.com/img/dotted-hr.png) left top repeat-x;
  position: relative;
  padding: 14px 0 7px 0;
}

#support #content .date {
  font-size: 10px;
  text-transform: uppercase;
  color: #8d8787;
}

#support #content .title {
  font-size: 13px;
}

#support #content #developers-blog li {
  padding-left: 36px !important;
}

#support #content #developers-blog .comment-count {
  position: absolute;
  left: 0;
  top: 16px;
  width: 24px;
  height: 23px;
  color: #fff;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  background: url(http://www.getinterface.com/img/bubble.png) no-repeat;
}

/* Support - Shared
-------------------------------------------------------------- */

#support #content #paging {
  background: url(http://www.getinterface.com/img/dotted-hr.png) top left repeat-x;
  margin: 18px 0 18px 0;
  padding: 10px 0 0 0;
}

#support #content #paging #previous {
  background: url(http://www.getinterface.com/img/arrow-left.png) left center no-repeat;
  padding-left: 10px;
}

#support #content #paging #next {
  background: url(http://www.getinterface.com/img/arrow.png) right center no-repeat;
  padding-right: 10px;
}

#support #content #sidebar {
  margin: 27px 0 0 0;
  background: #fff url(http://www.getinterface.com/img/sidebar-top-bg.png) 0 0 no-repeat;
  position: relative;
}

#support #content #sidebar h3 {
  margin-top: 18px;
  margin-left: 20px;
}

#support #content #sidebar p {
  margin: 0 20px 18px 20px;
}

#support #content #sidebar ul {
  list-style: none;
  margin: 0 20px 18px 20px;
  padding: 0 0 10px 0;
  background: transparent url(http://www.getinterface.com/img/dotted-hr.png) left bottom repeat-x;
}

#support #content #sidebar ul.last {
  padding: 0;
  background: none;
}

#support #content #sidebar li {
  margin: 0 0 9px 0;
}

#support #sidebar #rss {
  position: absolute;
  right: 20px;
  top: 18px;
}

/* Support - User Manual
-------------------------------------------------------------- */

#support.user-manual #content #body ul.user_manual_entries {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}

#support.user-manual #content #body ul.user_manual_entries li {
  background: transparent url(http://www.getinterface.com/img/dotted-hr.png) bottom left repeat-x;
  padding: 5px 0 16px 0;
}

/* Support - Developers Blog, Service Updates
-------------------------------------------------------------- */

#support #content .entry h2 {
  margin-bottom: 0;
}

#support.developers-blog h3.header,
#support.service-updates h3.header {
  padding: 0 0 10px 0;
  margin-bottom: 36px;
  background: url(http://www.getinterface.com/img/dotted-hr.png) repeat-x bottom left;
}

#support.developers-blog .entry h4 a,
#support.service-updates .entry h4 a {
  color: #000;
  text-decoration: none;
}

#support.developers-blog .entry,
#support.service-updates .entry {
  background: url(http://www.getinterface.com/img/dotted-hr.png) 0 0 repeat-x;
  color: #6c6c6c;
  padding: 9px 0 18px 0;
}

#support.developers-blog .first,
#support.service-updates .first {
  background: none;
  padding: 0 0 18px 0;
}

#support.developers-blog .meta,
#support.service-updates .meta {
  color: #6c6c6c;
  font-size: 11px;
  margin: 0 0 18px 0;
}

#support.developers-blog .add-comment {
  background: url(http://www.getinterface.com/img/bubble-small.png) 0 0 no-repeat;
  line-height: 14px;
  padding-left: 25px;
}

#support.developers-blog #comments {
  margin: 2em 0;
}

#support.developers-blog #comments h4 {
  margin-bottom: 1em;
}

#support.developers-blog #content #body #comments ul {
  background: url(http://www.getinterface.com/img/dotted-hr.png) left bottom repeat-x;
  list-style: none;
  padding: 0 0 1px 0;
}

#support.developers-blog #content #body #comments li {
  background: url(http://www.getinterface.com/img/comment-bg.png) 0 0 no-repeat;
  margin-bottom: 1em;
  padding: 1em 0 0 40px;
  color: #363636;
}

#support.developers-blog #comments li .meta { color: #8f8f8f; }
#support.developers-blog #comments li#no-comments {
  background: url(http://www.getinterface.com/img/dotted-hr.png) left top repeat-x;
  padding-left: 0;
}

#support.developers-blog #add-comment {
  background: #f1f1f1 url(http://www.getinterface.com/img/add-comment-bg.png) 0 0 no-repeat;
  margin: 2em 0;
  padding: 20px 20px 0;
  position: relative;
}

#support.developers-blog #add-comment-cap {
  background: url(http://www.getinterface.com/img/add-comment-cap-bg.png) left bottom no-repeat;
  height: 7px;
  margin: 0 -20px !important;
}

#support.developers-blog #add-comment div {
  clear: left;
  margin-bottom: 1em;
}

#support.developers-blog #add-comment label#lbl-message {
  left: 0.5em;
  top: 1em;
}

#support.developers-blog #add-comment textarea {
  height: 9em;
  width: 574px;
}

#support.developers-blog #add-comment input {
  width: 100%;
}

#support.developers-blog #add-comment .name,
#support.developers-blog #add-comment .website {
  clear: none;
  float: left;
  width: 272px;
}

#support.developers-blog #add-comment .website { margin-left: 30px; }
#support.developers-blog #add-comment .button { margin: 0; }
#support.developers-blog #add-comment button {
  background: url(http://www.getinterface.com/img/btn-submit.png) 0 0 no-repeat;
  height: 28px;
  margin: 4px 0 1em -1px;
  width: 61px;
}

#support.developers-blog #add-comment .error { 
  background: none;
  border: 0;
  padding: 0;
}

#support.developers-blog #add-comment .error input,
#support.developers-blog #add-comment .error textarea { background-color: #eebaba; }
#support.developers-blog #add-comment .error .overlabel-apply { color: #000; }
#support.developers-blog #add-comment #error-message {
  bottom: 25px;
  font-size: 11px;
  line-height: 1.2;
  margin: 0;
  position: absolute;
  right: 20px;
  text-align: right;
  width: 500px;
}

#working { bottom: 25px; left: 90px; }

/* Support - Search Results
-------------------------------------------------------------- */

/* About
-------------------------------------------------------------- */

#about #content {
  padding: 13px 0 32px 0;
}

#about #content dt {
  color: #000;
  font-weight: bold;
}

#about #content dd {
  margin: 0 0 18px 0;
}

#about #content dd p {
  margin: 0;
}

#about #content dl {
  margin: 0;
}

/* Contact
-------------------------------------------------------------- */

#contact #content {
  padding: 13px 0 32px 0;
}

#contact #content h4,
#contact #content label { 
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5em;
}

#contact #email-incomplete,
#contact #email-sent {
  margin-bottom: 2em;
}

#contact #content form {
  margin-top: 3px;
}

#contact #content select {
  margin: 0;
  width: 312px;
}

#contact #content textarea {
  font-size: 11px;
  height: 150px;
  margin: 0;
  width: 614px;
}

#contact #content button {
  background: url(http://www.getinterface.com/img/btn-send-msg.png) 0 0 no-repeat;
  height: 29px;
  margin: 0 0 0 -2px;
  width: 106px;
}

#contact #content fieldset div {
  margin-bottom: 1em;
}

#contact #content input {
  width: 300px;
}

/* Pricing
-------------------------------------------------------------- */

#pricing #content {
  padding: 40px 0 32px 0;
}

#pricing #content tr.signup td {
  padding-bottom: 7px;
}

#pricing #content td {
  width: 154px;
  padding: 14px 0 14px 0;
}

/* Account
-------------------------------------------------------------- */

#account #content {
  padding: 13px 0 32px 0;
}

#account ul.payment-nav {
  list-style: none;
  padding: 27px 0 0 0;
}

#account ul.payment-nav * :focus {
  outline: 0;
}

#account ul.payment-nav li {
  float: right;
}

#account ul.payment-nav li a {
  margin: 0 1px 0 0;
  padding: 0 10px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  height: 22px;
  background: #171615;
  display: block;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#account ul.payment-nav li a.payment-information {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
}

#account ul.payment-nav li a.payment-history {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
}

#account table {
  color: #fff;
  background: #fff;
  background-image: none;
  border-left: 1px solid #bfbfbf;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#account th {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background-color: #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  color: #fff;
  padding: 7px 14px 7px 14px;
}

#account td {
  color: #1c1c1c;
  text-align: left;
  padding: 6px 14px 6px 14px;
  font-size: 12px;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  background: transparent url(http://www.getinterface.com/img/td-bg.png) bottom left repeat-x;
}

#account th.site {
  width: 50%;
}

#account th.plan {
}

/* Tables
-------------------------------------------------------------- */

#pricing table {
  color: #fff;
  background: #0c0c0b url(http://www.getinterface.com/img/table-bg.jpg) bottom left repeat-x;
  border-collapse: collapse;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#pricing tr.odd {
  background: transparent url(http://www.getinterface.com/img/tr-odd-bg.png) bottom left repeat-x;
}

#pricing tr.even {
  background: transparent url(http://www.getinterface.com/img/tr-even-bg.png) bottom left repeat-x;
}

#pricing tr.even td {
  background-color: transparent;
}

#pricing th.column {
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2";
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  background-color: transparent;
  padding: 24px 0 24px 0;
}

#pricing th.row {
  font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2";
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
  background-color: transparent;
  padding: 14px 0 14px 20px;
}

#pricing td {
  padding: 14px 20px 14px 20px;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
}

#pricing td large {
  font-size: 20px;
}

#pricing td small {
  font-size: 12px;
}

#support table {
  color: #fff;
  background: #fff;
  background-image: none;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#support.user-manual th {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background-color: #2a2a2a;
  color: #fff;
  padding: 13px 13px 13px 13px;
}

#support.user-manual td {
  color: #8f8f8f;
  text-align: left;
  padding: 9px 13px 9px 13px;
  font-size: 12px;
  border-bottom: 1px solid #dcdcdc;
  background: transparent url(http://www.getinterface.com/img/td-bg.png) bottom left repeat-x;
}

/* Forms
-------------------------------------------------------------- */

form div {
  margin: 0 0 18px 0;
  position: relative;
}

form label.overlabel-apply {
  color: #8f8f8f;
  font-size: 11px !important;
  font-weight: normal;
  left: 6px;
  line-height: 18px !important;
  margin: 0 !important;
  position: absolute;
  top: 9px;
}

form.pretty label.overlabel-apply {
  top: 1px;
}

form button {
  border: 0;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  text-indent: -9000px;
}

/* Spinner
-------------------------------------------------------------- */

#working {
  display: none;
  position: absolute;
}

.working #working {
  display: block;
}

/* Search Box
-------------------------------------------------------------- */

#search-box {
  position: absolute;
  right: 0px;
  top: 34px;
}

#search-box div,
#search-box input {
  margin: 0;
}

#search-left, #search-right {
  display: none;
}

.pretty { 
  overflow: hidden;
  width: 180px !important;
}

.pretty input {
  background: url(http://www.getinterface.com/img/search-bg.png) 0 0 repeat-x;
  border: 0;
  font-size: 11px;
  height: 16px;
  line-height: 14px;
  margin-left: 17px !important;
  margin-right: 9px !important;
  padding: 3px 0 0 5px;
  width: 149px;
}

.pretty input:focus {
  outline: 0;
}

.pretty #search-left, .pretty #search-right {
  background: url(http://www.getinterface.com/img/search-caps.png) 0 0 no-repeat;
  display: block;
  height: 19px;
  position: absolute;
  top: 0;
}

.pretty #search-left {
  left: 0;
  width: 17px;
}

.pretty #search-right {
  background-position: -17px 0;
  right: 0;
  width: 9px;
}

.pretty .overlabel-apply {
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  left: 22px;
  top: 2px;
}