engineyard-theme 1.0.5

data/example/public/engineyard-theme/stylesheets/application.css

@@ -0,0 +1,2423 @@
+/* ICONS */
+.icon-add a {
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  float: left;
+  display: inline;
+  border: 0;
+  width: 16px;
+  height: 16px;
+  background: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  text-indent: -9999em;
+  text-align: left;
+  background: transparent url(../images/layout/icons/add.png) no-repeat; }
+
+.icon-edit a, .icon-edit a:link, .icon-edit a:visited, .icon-edit a:hover, .icon-edit a:focus, .icon-edit a:active, .icon-edit button, .icon-edit button:link, .icon-edit button:visited, .icon-edit button:hover, .icon-edit button:focus, .icon-edit button:active, .icon-edit a.button, .icon-edit a.button:link, .icon-edit a.button:visited, .icon-edit a.button:hover, .icon-edit a.button:focus, .icon-edit a.button:active {
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  float: left;
+  display: inline;
+  border: 0;
+  width: 16px;
+  height: 16px;
+  background: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  text-indent: -9999em;
+  text-align: left;
+  background: transparent url(../images/layout/icons/edit.png) no-repeat; }
+
+.icon-detach a, .icon-detach a:link, .icon-detach a:visited, .icon-detach a:hover, .icon-detach a:focus, .icon-detach a:active, .icon-detach button, .icon-detach button:link, .icon-detach button:visited, .icon-detach button:hover, .icon-detach button:focus, .icon-detach button:active, .icon-detach a.button, .icon-detach a.button:link, .icon-detach a.button:visited, .icon-detach a.button:hover, .icon-detach a.button:focus, .icon-detach a.button:active, .icon-delete a, .icon-delete a:link, .icon-delete a:visited, .icon-delete a:hover, .icon-delete a:focus, .icon-delete a:active, .icon-delete button, .icon-delete button:link, .icon-delete button:visited, .icon-delete button:hover, .icon-delete button:focus, .icon-delete button:active, .icon-delete a.button, .icon-delete a.button:link, .icon-delete a.button:visited, .icon-delete a.button:hover, .icon-delete a.button:focus, .icon-delete a.button:active {
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  float: left;
+  display: inline;
+  border: 0;
+  width: 16px;
+  height: 16px;
+  background: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  text-indent: -9999em;
+  text-align: left;
+  background: transparent url(../images/layout/icons/delete.png) no-repeat; }
+
+.icon-gem-add a {
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  float: left;
+  display: inline;
+  border: 0;
+  width: 16px;
+  height: 16px;
+  background: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  text-indent: -9999em;
+  text-align: left;
+  background: transparent url(../images/layout/icons/gem-add.png) no-repeat; }
+
+.icon-unix-add a {
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  float: left;
+  display: inline;
+  border: 0;
+  width: 16px;
+  height: 16px;
+  background: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  text-indent: -9999em;
+  text-align: left;
+  background: transparent url(../images/layout/icons/unix-add.png) no-repeat; }
+
+small.icon-edit {
+  position: relative; }
+  small.icon-edit a {
+    position: absolute;
+    top: -6px;
+    left: 0; }
+
+a[target="_blank"], a[target="tab"] {
+  padding-right: 12px;
+  background: url(../images/icon_external_link.png) no-repeat 100% 75%; }
+
+a.email, span.email {
+  padding-left: 18px;
+  background: url(../images/layout/icons/email.png) no-repeat 0 0; }
+
+#footer-content a.blog, #footer-content a.twitter, #footer-content a.facebook {
+  padding: 2px 0 2px 20px;
+  background: url(../images/layout/icons/social/rss.png) 0 50% no-repeat; }
+#footer-content a.twitter {
+  background-image: url(../images/layout/icons/social/twitter.png); }
+#footer-content a.facebook {
+  background-image: url(../images/layout/icons/social/facebook.png); }
+
+/* BUTTONS */
+button {
+  width: auto;
+  overflow: visible; }
+
+button, a.button {
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  position: relative;
+  display: inline-block;
+  padding: 2px 12px;
+  border: 1px solid #cccccc;
+    border-bottom-color: #bfbfbf;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: #cccccc;
+  background: -moz-linear-gradient(top, white, #cccccc);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999;
+  font-size: 12px;
+  line-height: 1.5;
+  text-decoration: none;
+  text-shadow: 0 1px 2px white;
+  cursor: pointer;
+  z-index: 2; }
+  button, button span, a.button, a.button span {
+    color: #555555; }
+  button:focus, button:hover, a.button:focus, a.button:hover {
+    border-color: #bfbfbf;
+    background: #bfbfbf;
+    background: -moz-linear-gradient(top, #f2f2f2, #bfbfbf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bfbfbf)); }
+    button:focus, button:focus span, button:hover, button:hover span, a.button:focus, a.button:focus span, a.button:hover, a.button:hover span {
+      color: #484848; }
+  button:active, a.button:active {
+    border-color: #c6c6c6;
+    background: #c6c6c6;
+    background: -moz-linear-gradient(top, #f9f9f9, #c6c6c6);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#c6c6c6));
+    outline: 0; }
+    button:active, button:active span, a.button:active, a.button:active span {
+      color: #4f4f4f; }
+
+button.action, a.action {
+  border: 1px solid #9fb7d1;
+    border-bottom-color: #8aa7c7;
+  background: #e0e8f0;
+  background: -moz-linear-gradient(top, #f8fafc, #9bb4cf);
+  background: -webkit-gradient(linear, left top, left bottom, from(#f8fafc), to(#9bb4cf));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999;
+  text-shadow: 0 1px 2px #cfdbe8; }
+  button.action, button.action span, a.action, a.action span {
+    color: #1a517c; }
+  button.action:focus, button.action:hover, a.action:focus, a.action:hover {
+    border: 1px solid #8aa7c7;
+      border-bottom-color: #688db6;
+    background: #becee0;
+    background: -moz-linear-gradient(top, #e0e8f0, #799abf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#e0e8f0), to(#799abf)); }
+    button.action:focus, button.action:focus span, button.action:hover, button.action:hover span, a.action:focus, a.action:focus span, a.action:hover, a.action:hover span {
+      color: #164467; }
+  button.action:active, a.action:active {
+    border: 1px solid #93aecb;
+      border-bottom-color: #7094bb;
+    background: #c6d5e4;
+    background: -moz-linear-gradient(top, #d8e1ec, #81a1c3);
+    background: -webkit-gradient(linear, left top, left bottom, from(#d8e1ec), to(#81a1c3)); }
+    button.action:active, button.action:active span, a.action:active, a.action:active span {
+      color: #184a71; }
+
+.envTitle .button a {
+  -moz-box-shadow: 0 1px 2px #83a2c4;
+  -webkit-box-shadow: 0 1px 2px #83a2c4;
+  box-shadow: 0 1px 2px #83a2c4; }
+.envTitle .attention a {
+  border-color: #cccccc;
+  background: #cccccc;
+  background: -moz-linear-gradient(top, white, #cccccc);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999;
+  -moz-box-shadow: 0 1px 2px #83a2c4;
+  -webkit-box-shadow: 0 1px 2px #83a2c4;
+  box-shadow: 0 1px 2px #83a2c4;
+  border-bottom-color: #b3b3b3; }
+  .envTitle .attention a, .envTitle .attention a span {
+    color: #555555; }
+  .envTitle .attention a:focus, .envTitle .attention a:hover {
+    border-color: #bfbfbf;
+    background: #bfbfbf;
+    background: -moz-linear-gradient(top, #f2f2f2, #bfbfbf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bfbfbf));
+    border-bottom-color: #b3b3b3; }
+    .envTitle .attention a:focus, .envTitle .attention a:focus span, .envTitle .attention a:hover, .envTitle .attention a:hover span {
+      color: #484848; }
+  .envTitle .attention a:active {
+    border-color: #c6c6c6;
+    background: #c6c6c6;
+    background: -moz-linear-gradient(top, #f9f9f9, #c6c6c6);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#c6c6c6)); }
+    .envTitle .attention a:active, .envTitle .attention a:active span {
+      color: #4f4f4f; }
+  .envTitle .attention a span {
+    position: relative;
+    margin: 0 0 0 -2px;
+    display: block;
+    padding: 0 0 0 24px;
+    background: url(../images/bg_alert-bang.png) 0 2px no-repeat; }
+
+.controls button, .controls a.button {
+  border: 1px solid #9fb7d1;
+    border-bottom-color: #8aa7c7;
+  background: #e0e8f0;
+  background: -moz-linear-gradient(top, #f8fafc, #9bb4cf);
+  background: -webkit-gradient(linear, left top, left bottom, from(#f8fafc), to(#9bb4cf));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999;
+  text-shadow: 0 1px 2px #cfdbe8;
+  padding: 6px 24px;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  border-radius: 24px;
+  font-size: 14px;
+  line-height: 1.25; }
+  .controls button, .controls button span, .controls a.button, .controls a.button span {
+    color: #1a517c; }
+  .controls button:hover, .controls button:focus, .controls a.button:hover, .controls a.button:focus {
+    border: 1px solid #8aa7c7;
+      border-bottom-color: #688db6;
+    background: #becee0;
+    background: -moz-linear-gradient(top, #e0e8f0, #799abf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#e0e8f0), to(#799abf)); }
+    .controls button:hover, .controls button:hover span, .controls button:focus, .controls button:focus span, .controls a.button:hover, .controls a.button:hover span, .controls a.button:focus, .controls a.button:focus span {
+      color: #164467; }
+  .controls button:active, .controls a.button:active {
+    border: 1px solid #93aecb;
+      border-bottom-color: #7094bb;
+    background: #c6d5e4;
+    background: -moz-linear-gradient(top, #d8e1ec, #81a1c3);
+    background: -webkit-gradient(linear, left top, left bottom, from(#d8e1ec), to(#81a1c3)); }
+    .controls button:active, .controls button:active span, .controls a.button:active, .controls a.button:active span {
+      color: #184a71; }
+.controls a.cancel {
+  border-color: #cccccc;
+  background: #cccccc;
+  background: -moz-linear-gradient(top, white, #cccccc);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999; }
+  .controls a.cancel, .controls a.cancel span {
+    color: #555555; }
+  .controls a.cancel:hover, .controls a.cancel:focus {
+    border-color: #bfbfbf;
+    background: #bfbfbf;
+    background: -moz-linear-gradient(top, #f2f2f2, #bfbfbf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bfbfbf)); }
+    .controls a.cancel:hover, .controls a.cancel:hover span, .controls a.cancel:focus, .controls a.cancel:focus span {
+      color: #484848; }
+  .controls a.cancel:active {
+    border-color: #c6c6c6;
+    background: #c6c6c6;
+    background: -moz-linear-gradient(top, #f9f9f9, #c6c6c6);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#c6c6c6)); }
+    .controls a.cancel:active, .controls a.cancel:active span {
+      color: #4f4f4f; }
+
+#cancel .controls button, #cancel .controls a.button {
+  border-color: #cccccc;
+  background: #cccccc;
+  background: -moz-linear-gradient(top, white, #cccccc);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999; }
+  #cancel .controls button, #cancel .controls button span, #cancel .controls a.button, #cancel .controls a.button span {
+    color: #555555; }
+  #cancel .controls button:hover, #cancel .controls button:focus, #cancel .controls a.button:hover, #cancel .controls a.button:focus {
+    border-color: #bfbfbf;
+    background: #bfbfbf;
+    background: -moz-linear-gradient(top, #f2f2f2, #bfbfbf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bfbfbf)); }
+    #cancel .controls button:hover, #cancel .controls button:hover span, #cancel .controls button:focus, #cancel .controls button:focus span, #cancel .controls a.button:hover, #cancel .controls a.button:hover span, #cancel .controls a.button:focus, #cancel .controls a.button:focus span {
+      color: #484848; }
+  #cancel .controls button:active, #cancel .controls a.button:active {
+    border-color: #c6c6c6;
+    background: #c6c6c6;
+    background: -moz-linear-gradient(top, #f9f9f9, #c6c6c6);
+    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#c6c6c6)); }
+    #cancel .controls button:active, #cancel .controls button:active span, #cancel .controls a.button:active, #cancel .controls a.button:active span {
+      color: #4f4f4f; }
+#cancel .controls button.cancel {
+  padding: 6px 24px;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  border-radius: 24px;
+  font-size: 14px;
+  line-height: 1.25;
+  border: 1px solid #9fb7d1;
+    border-bottom-color: #8aa7c7;
+  background: #e0e8f0;
+  background: -moz-linear-gradient(top, #f8fafc, #9bb4cf);
+  background: -webkit-gradient(linear, left top, left bottom, from(#f8fafc), to(#9bb4cf));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999;
+  text-shadow: 0 1px 2px #cfdbe8;
+  padding: 6px 24px;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  border-radius: 24px;
+  font-size: 14px;
+  line-height: 1.25; }
+  #cancel .controls button.cancel, #cancel .controls button.cancel span {
+    color: #1a517c; }
+  #cancel .controls button.cancel:focus, #cancel .controls button.cancel:hover {
+    border: 1px solid #8aa7c7;
+      border-bottom-color: #688db6;
+    background: #becee0;
+    background: -moz-linear-gradient(top, #e0e8f0, #799abf);
+    background: -webkit-gradient(linear, left top, left bottom, from(#e0e8f0), to(#799abf)); }
+    #cancel .controls button.cancel:focus, #cancel .controls button.cancel:focus span, #cancel .controls button.cancel:hover, #cancel .controls button.cancel:hover span {
+      color: #164467; }
+  #cancel .controls button.cancel:active {
+    border: 1px solid #93aecb;
+      border-bottom-color: #7094bb;
+    background: #c6d5e4;
+    background: -moz-linear-gradient(top, #d8e1ec, #81a1c3);
+    background: -webkit-gradient(linear, left top, left bottom, from(#d8e1ec), to(#81a1c3)); }
+    #cancel .controls button.cancel:active, #cancel .controls button.cancel:active span {
+      color: #184a71; }
+
+button.submit, a.submit {
+  padding: 6px 24px;
+  -webkit-border-radius: 24px;
+  -moz-border-radius: 24px;
+  border-radius: 24px;
+  font-size: 14px;
+  line-height: 1.25; }
+
+td button, td input[type="submit"] {
+  padding: 1px 6px;
+  vertical-align: middle; }
+
+.deploy_button.disabled {
+  border-color: #cccccc;
+  background: #cccccc;
+  background: -moz-linear-gradient(top, white, #cccccc);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
+  -moz-box-shadow: 0 1px 2px #999999;
+  -webkit-box-shadow: 0 1px 2px #999999;
+  box-shadow: 0 1px 2px #999999;
+  cursor: not-allowed;
+  border-color: #d9d9d9;
+  background: #e0e0e0;
+  background: -moz-linear-gradient(top, white, #ebebeb);
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebeb)); }
+  .deploy_button.disabled, .deploy_button.disabled span {
+    color: #555555; }
+
+.page {
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+  zoom: 1; }
+  .page:before, .page:after {
+    content: "\0020";
+    display: block;
+    height: 0;
+    visibility: hidden; }
+  .page:after {
+    clear: both; }
+
+.grid_1 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 60px; }
+
+.grid_2 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 140px; }
+
+.grid_3 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 220px; }
+
+.grid_4 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 300px; }
+
+.grid_5 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 380px; }
+
+.grid_6 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 460px; }
+
+.grid_7 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 540px; }
+
+.grid_8 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 620px; }
+
+.grid_9 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 700px; }
+
+.grid_10 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 780px; }
+
+.grid_11 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 860px; }
+
+.grid_12 {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+  width: 940px; }
+
+.alpha {
+  margin-left: 0; }
+
+.omega {
+  margin-right: 0; }
+
+.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {
+  position: relative; }
+
+.prefix_1 {
+  padding-left: 80px; }
+
+.prefix_2 {
+  padding-left: 160px; }
+
+.prefix_3 {
+  padding-left: 240px; }
+
+.prefix_4 {
+  padding-left: 320px; }
+
+.prefix_5 {
+  padding-left: 400px; }
+
+.prefix_6 {
+  padding-left: 480px; }
+
+.prefix_7 {
+  padding-left: 560px; }
+
+.prefix_8 {
+  padding-left: 640px; }
+
+.prefix_9 {
+  padding-left: 720px; }
+
+.prefix_10 {
+  padding-left: 800px; }
+
+.prefix_11 {
+  padding-left: 880px; }
+
+.suffix_1 {
+  padding-right: 80px; }
+
+.suffix_2 {
+  padding-right: 160px; }
+
+.suffix_3 {
+  padding-right: 240px; }
+
+.suffix_4 {
+  padding-right: 320px; }
+
+.suffix_5 {
+  padding-right: 400px; }
+
+.suffix_6 {
+  padding-right: 480px; }
+
+.suffix_7 {
+  padding-right: 560px; }
+
+.suffix_8 {
+  padding-right: 640px; }
+
+.suffix_9 {
+  padding-right: 720px; }
+
+.suffix_10 {
+  padding-right: 800px; }
+
+.suffix_11 {
+  padding-right: 880px; }
+
+.push_1 {
+  left: 80px; }
+
+.push_2 {
+  left: 160px; }
+
+.push_3 {
+  left: 240px; }
+
+.push_4 {
+  left: 320px; }
+
+.push_5 {
+  left: 400px; }
+
+.push_6 {
+  left: 480px; }
+
+.push_7 {
+  left: 560px; }
+
+.push_8 {
+  left: 640px; }
+
+.push_9 {
+  left: 720px; }
+
+.push_10 {
+  left: 800px; }
+
+.push_11 {
+  left: 880px; }
+
+.pull_1 {
+  left: -80px; }
+
+.pull_2 {
+  left: -160px; }
+
+.pull_3 {
+  left: -240px; }
+
+.pull_4 {
+  left: -320px; }
+
+.pull_5 {
+  left: -400px; }
+
+.pull_6 {
+  left: -480px; }
+
+.pull_7 {
+  left: -560px; }
+
+.pull_8 {
+  left: -640px; }
+
+.pull_9 {
+  left: -720px; }
+
+.pull_10 {
+  left: -800px; }
+
+.pull_11 {
+  left: -880px; }
+
+#footer {
+  clear: both;
+  border-top: 1px solid #e6e6e6;
+  min-height: 1px; }
+
+#footer-content {
+  padding: 12px 0;
+  border-top: 1px solid white;
+  font-size: 11px;
+  line-height: 1.25;
+  color: #999999; }
+  #footer-content p#footer-logo {
+    margin-top: 6px;
+    height: 96px;
+    background: url(../images/layout/logo_appcloud.png) no-repeat;
+    text-indent: -9999em; }
+  #footer-content h2 {
+    padding: 12px 0 6px;
+    font-size: 12px;
+    font-weight: bold; }
+  #footer-content ul {
+    list-style: none;
+    margin: 0;
+    padding: 0; }
+  #footer-content li {
+    margin: 0 0 6px 0; }
+  #footer-content a {
+    padding: 0;
+    color: #595959;
+    background: none; }
+    #footer-content a:hover {
+      color: #1a1a1a; }
+  #footer-content p#copyright {
+    padding-top: 12px; }
+
+ol.plans {
+  overflow: hidden;
+  margin-right: -10px;
+  margin-left: 0;
+  padding: 12px 0 0 0;
+  list-style: none; }
+  ol.plans.services .plan {
+    height: 500px; }
+  ol.plans .plan {
+    position: relative;
+    width: 230px;
+    min-height: 270px;
+    float: left;
+    margin: 0 0 18px 0;
+    padding: 16px;
+    border: 1px solid #d9d9d9;
+      border-bottom-color: white;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -moz-box-shadow: 0 1px 3px #d2d2d2 inset;
+    -webkit-box-shadow: 0 1px 3px #d2d2d2 inset;
+    box-shadow: 0 1px 3px #d2d2d2 inset;
+    background: #f8f8f8;
+    background: -moz-linear-gradient(top, white, #ebebeb);
+    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebeb));
+    text-shadow: 0 1px 2px white; }
+    ol.plans .plan .center img {
+      border: 1px solid #d2d2d2; }
+    ol.plans .plan:nth-child(2) {
+      margin: 0 15px 18px 15px; }
+    ol.plans .plan.selected {
+      background: #cfdbe8;
+      background: -moz-linear-gradient(top, #f1f5f9, #becee0);
+      background: -webkit-gradient(linear, left top, left bottom, from(#f1f5f9), to(#becee0));
+      border: 1px solid #c9c9c9;
+        border-bottom-color: white;
+      text-shadow: 0 1px 1px white; }
+    ol.plans .plan .controls input#submit, ol.plans .plan .controls button {
+      padding: 2px 12px;
+      -webkit-border-radius: 6px;
+      -moz-border-radius: 6px;
+      border-radius: 6px;
+      font-size: 12px;
+      line-height: 1.5; }
+    ol.plans .plan h3 {
+      padding-top: 0;
+      padding-bottom: 6px; }
+    ol.plans .plan ul {
+      font-size: 11px; }
+    ol.plans .plan .price {
+      margin-top: 12px;
+      padding-bottom: 12px;
+      font-size: 18px;
+      line-height: 1; }
+    ol.plans .plan ul {
+      list-style: disc; }
+    ol.plans .plan .controls {
+      position: absolute;
+      bottom: 18px;
+      left: 10px;
+      width: 224px;
+      margin: 0;
+      padding: 0;
+      border: 0;
+      text-align: center; }
+      ol.plans .plan .controls a.button {
+        margin: 0 auto;
+        border-color: #cccccc;
+        background: #cccccc;
+        background: -moz-linear-gradient(top, white, #cccccc);
+        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
+        -moz-box-shadow: 0 1px 2px #999999;
+        -webkit-box-shadow: 0 1px 2px #999999;
+        box-shadow: 0 1px 2px #999999;
+        padding: 2px 12px;
+        -webkit-border-radius: 6px;
+        -moz-border-radius: 6px;
+        border-radius: 6px;
+        font-size: 12px;
+        line-height: 1.5; }
+        ol.plans .plan .controls a.button, ol.plans .plan .controls a.button span {
+          color: #555555; }
+        ol.plans .plan .controls a.button:active {
+          border-color: #c6c6c6;
+          background: #c6c6c6;
+          background: -moz-linear-gradient(top, #f9f9f9, #c6c6c6);
+          background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#c6c6c6)); }
+          ol.plans .plan .controls a.button:active, ol.plans .plan .controls a.button:active span {
+            color: #4f4f4f; }
+        ol.plans .plan .controls a.button:focus, ol.plans .plan .controls a.button:hover {
+          border-color: #bfbfbf;
+          background: #bfbfbf;
+          background: -moz-linear-gradient(top, #f2f2f2, #bfbfbf);
+          background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#bfbfbf)); }
+          ol.plans .plan .controls a.button:focus, ol.plans .plan .controls a.button:focus span, ol.plans .plan .controls a.button:hover, ol.plans .plan .controls a.button:hover span {
+            color: #484848; }
+
+body {
+  font-size: 83%;
+  font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Liberation Sans", FreeSans, sans-serif;
+  color: #333333;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  margin: 0;
+  background: white; }
+
+header, footer, article, section, aside, nav {
+  display: block; }
+
+.container {
+  font-size: 1em;
+  line-height: 1.5em; }
+
+hr {
+  border: 0 #dddddd solid;
+  border-top-width: 1px;
+  clear: both;
+  height: 0;
+  margin: 2em 0; }
+
+ol {
+  list-style: decimal; }
+
+ul {
+  list-style: disc; }
+  ul.nav {
+    margin: 1.95em 0 0;
+    list-style: none; }
+    ul.nav li {
+      display: inline-block;
+      line-height: 1em;
+      margin-left: 1em;
+      padding-left: 1em;
+      border-left: 1px solid #dddddd; }
+      ul.nav li:first-child {
+        border-left: none;
+        padding-left: 0;
+        margin-left: 0; }
+
+li {
+  margin-left: 30px; }
+
+p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, .halfColumn, small {
+  margin: 0; }
+
+.wrapper {
+  width: 820px;
+  margin: 0 auto; }
+
+p, ul, ol, dl, fieldset, .catalog, address, small {
+  margin: 1em 0 1.5em; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: normal;
+  line-height: 1.2em;
+  margin: 1.2em 0 1em; }
+
+h1, .h1 {
+  font-weight: 100;
+  font-size: 2.6em; }
+
+h2, .h2 {
+  font-size: 2.2em;
+  font-weight: 300; }
+
+h3, .h3 {
+  font-size: 1.6em;
+  color: #333333; }
+
+h4, .h4 {
+  font-size: 1.2em;
+  line-height: 1.5em;
+  color: #333333;
+  margin-top: 1.5em; }
+
+h5, .h5 {
+  font-size: 1.2em;
+  line-height: 1.5em;
+  color: #666666; }
+
+h6, .h6 {
+  font-size: 1em;
+  line-height: 1.5em; }
+
+p, .p {
+  font-size: 1em; }
+
+.caption {
+  font-size: 1em;
+  text-transform: none;
+  color: #666666;
+  margin-top: 0; }
+
+.subtitle {
+  margin-top: -1.25em; }
+
+ul, ol {
+  padding-left: 1.6em; }
+
+li {
+  margin: 0 0 0.5em; }
+
+dt {
+  font-weight: 700; }
+
+dd {
+  margin-left: 0;
+  margin-bottom: 1.5em; }
+
+.inline dt, .inline dd {
+  float: left;
+  margin-bottom: 0.5em; }
+.inline dt {
+  clear: left;
+  width: 80px; }
+.inline:after {
+  content: " ";
+  display: block;
+  clear: both; }
+.inline label, .inline input {
+  display: inline-block;
+  clear: none; }
+
+strong {
+  font-weight: 700; }
+
+.light {
+  font-weight: 300;
+  color: #999999; }
+
+section {
+  clear: both; }
+
+code {
+  font: 12px Monaco, Courier New, mono;
+  background: #f3f3f3;
+  border: 1px dotted #dddddd;
+  padding: 0 3px;
+  color: #636363; }
+
+blockquote {
+  font: italic 1.1em Georgia, Times New Roman, sans-serif;
+  line-height: 1.4em;
+  margin: 0;
+  color: #666666; }
+  blockquote + cite {
+    margin-top: -1em; }
+
+cite {
+  text-align: right;
+  font-size: 1em;
+  line-height: 1.2em;
+  display: block;
+  font-style: normal;
+  margin-top: 0;
+  margin-bottom: 2em;
+  color: #666666; }
+
+address {
+  clear: both;
+  font-style: normal; }
+
+a {
+  text-decoration: none;
+  color: #336699; }
+  a img {
+    border: none; }
+  a:visited {
+    color: #596772; }
+  a:hover, a:active {
+    text-decoration: underline; }
+    a:hover img, a:active img {
+      text-deocration: none; }
+  a:focus {
+    outline: none; }
+  a h3, a h4, a h5, a h6 {
+    color: #336699; }
+    a h3:hover, a h4:hover, a h5:hover, a h6:hover {
+      text-decoration: underline; }
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  border-bottom: 1px solid #999999; }
+  table p {
+    margin: 0; }
+    table p + p {
+      margin-top: 1.5em; }
+  table.wide {
+    margin-bottom: 1.5em; }
+
+caption {
+  font-size: 1.2em;
+  font-weight: 700;
+  color: #333333;
+  padding-bottom: 0.5em;
+  border-bottom: 2px solid #999999; }
+
+td, th {
+  text-align: left;
+  border-top: 1px dotted #dddddd;
+  padding: 4px 5px;
+  vertical-align: top;
+  max-width: 410px; }
+
+tr.subhead th, tr.subhead td, tr th.subhead, tr td.subhead {
+  padding-top: 14px;
+  border-bottom: 2px solid #eeeeee; }
+tr:nth-child(even) td, tr:nth-child(even) th {
+  background: #f9f9f9; }
+
+thead th, thead td {
+  border-top: none;
+  border-bottom: 2px solid #999999;
+  vertical-align: bottom; }
+thead .sortable {
+  color: #333333;
+  padding-right: 13px; }
+  thead .sortable:hover {
+    text-decoration: none;
+    color: black; }
+thead .active {
+  color: black; }
+thead .asc {
+  background: url(../images/icn-asc.png) no-repeat right 6px; }
+thead .desc {
+  background: url(../images/icn-dsc.png) no-repeat right 6px; }
+
+tbody {
+  font-size: 95%; }
+
+#eystack {
+  clear: both; }
+  #eystack tbody th {
+    border-top: 1px solid #eeeeee;
+    border-bottom: 2px solid #dddddd;
+    background: none;
+    padding-top: 20px; }
+  #eystack tbody tr:last-child th, #eystack tbody tr:last-child td {
+    border-bottom: 1px solid #eeeeee; }
+  #eystack tbody td {
+    font-size: 12px; }
+    #eystack tbody td:first-child {
+      min-width: 140px; }
+  #eystack ul, #eystack li {
+    list-style: none;
+    padding: 0;
+    margin: 0; }
+  #eystack .beta, #eystack .experimental, #eystack .unsupported {
+    cursor: help; }
+  #eystack .beta {
+    color: #cc9900; }
+  #eystack .experimental {
+    color: #990000; }
+  #eystack .unsupported {
+    color: #999999; }
+
+table.layout {
+  border: none; }
+  table.layout td, table.layout th, table.layout tr {
+    background: none;
+    border: none;
+    padding: 0; }
+
+form ul {
+  list-style: none;
+  padding: 0;
+  margin: 10px 0; }
+  form ul label {
+    margin-left: 5px;
+    display: inline; }
+
+label {
+  font-size: 0.9em;
+  color: #666666;
+  display: block;
+  clear: both;
+  margin-top: 8px; }
+
+input[type="text"], input[type="password"] {
+  font-size: 1em;
+  font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Liberation Sans", FreeSans, sans-serif;
+  width: 200px; }
+
+fieldset {
+  border: none;
+  padding: 0; }
+
+textarea {
+  font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Liberation Sans", FreeSans, sans-serif;
+  width: 380px;
+  height: 100px; }
+
+.loginPanel {
+  width: 350px;
+  margin: 30px auto 10px;
+  padding: 30px;
+  border: solid 10px #cccccc;
+  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
+  -moz-border-radius: 20px;
+  -webkit-border-radius: 20px; }
+  .loginPanel h2 {
+    margin: 0; }
+  .loginPanel form {
+    margin-bottom: 20px; }
+    .loginPanel form label {
+      color: #999999; }
+    .loginPanel form ul label, .loginPanel form ul input {
+      margin-left: 0; }
+    .loginPanel form input[type="text"], .loginPanel form input[type="password"] {
+      color: #666666;
+      font-size: 1.6em;
+      padding: 5px 3px 3px;
+      width: 340px; }
+
+header, #content {
+  padding: 0 30px; }
+
+header {
+  display: block;
+  background: url(../images/bg_header.png) repeat-x left top;
+  min-height: 77px;
+  color: white; }
+  header h1 {
+    margin: 0;
+    overflow: hidden;
+    background: url(../images/logo.png) no-repeat left top;
+    height: 81px;
+    width: 50px;
+    position: absolute;
+    top: 8px;
+    text-indent: -10000px; }
+    header h1 a {
+      display: block;
+      float: right;
+      overflow: hidden;
+      text-indent: -10000px;
+      height: 81px;
+      width: 50px; }
+  header a, header a:visited, header a:hover, header a:active {
+    color: white;
+    text-decoration: none; }
+  header ul {
+    margin: 0;
+    float: right; }
+    header ul li {
+      display: inline-block;
+      margin-left: 10px; }
+  header .utility {
+    padding-top: 4px; }
+    header .utility a.login {
+      display: block;
+      padding: 5px 15px;
+      margin-top: -5px;
+      background: #9a020c;
+      -moz-border-radius-bottomleft: 10px;
+      -moz-border-radius-bottomright: 10px;
+      -webkit-border-bottom-left-radius: 10px;
+      -webkit-border-bottom-right-radius: 10px; }
+      header .utility a.login:hover {
+        background: #880000; }
+    header .utility input[type="submit"] {
+      display: none; }
+    header .utility input {
+      color: #666666;
+      border: 1px solid #990000;
+      -moz-border-radius: 1px;
+      -webkit-border-radius: 1px;
+      -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
+      -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
+      background: white url(../images/icon_search.png) no-repeat 2px;
+      opacity: 0.75;
+      font-size: 1em;
+      padding: 2px 3px 2px 18px;
+      width: 100px; }
+      header .utility input:focus {
+        opacity: 1; }
+  header nav ul {
+    clear: right;
+    float: right;
+    margin: 8px 0 0 7em;
+    padding: 0; }
+    header nav ul li {
+      float: left;
+      display: block;
+      margin: 0 0 0 6px;
+      padding: 0;
+      list-style-type: none; }
+      header nav ul li span {
+        padding: 6px 10px 6px;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
+        font-size: 14px;
+        font-weight: normal;
+        margin: 1px; }
+      header nav ul li.selected span, header nav ul li:hover span, header nav ul li:hover span.single {
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        border-radius: 4px;
+        margin: 0;
+        text-decoration: none; }
+      header nav ul li.selected span, header nav ul li:hover span.single {
+        color: white;
+        background: #83020a;
+        border: 1px solid #73090b; }
+      header nav ul li:hover span {
+        background: white;
+        border: 1px solid #cccccc;
+        border-bottom: none;
+        color: #83020a;
+        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
+      header nav ul li:hover span.single {
+        -moz-box-shadow: none;
+        -webkit-box-shadow: none; }
+      header nav ul li ul {
+        float: none;
+        display: none;
+        font-size: 13px;
+        z-index: 100;
+        position: absolute;
+        background: white;
+        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f6f6f6));
+        background: -moz-linear-gradient(top, white, #f6f6f6);
+        border: 1px solid #cccccc;
+        border-top: none;
+        -moz-border-radius-topright: 4px;
+        -moz-border-radius-bottomright: 4px;
+        -moz-border-radius-bottomleft: 4px;
+        -webkit-border-top-right-radius: 4px;
+        -webkit-border-bottom-left-radius: 4px;
+        -webkit-border-bottom-right-radius: 4px;
+        min-width: 90px;
+        padding: 0px 15px 10px;
+        margin: 1px 0 0;
+        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
+        header nav ul li ul li {
+          float: none;
+          margin: 10px 0 0;
+          clear: both; }
+          header nav ul li ul li a {
+            clear: both;
+            display: block; }
+        header nav ul li ul ul {
+          display: block;
+          position: static;
+          border: None;
+          background: none;
+          padding: 0;
+          margin: 0;
+          -moz-box-shadow: none;
+          -webkit-box-shadow: none; }
+          header nav ul li ul ul li {
+            margin-top: 0; }
+            header nav ul li ul ul li a:link, header nav ul li ul ul li a:visited {
+              font-size: 12px;
+              color: #999999; }
+        header nav ul li ul a:link, header nav ul li ul a:visited, header nav ul li ul a:hover {
+          font-size: 1em;
+          color: #666666;
+          background: none;
+          -moz-box-shadow: none;
+          -webkit-box-shadow: none;
+          text-shadow: none;
+          border: none;
+          padding: 0;
+          margin: 0; }
+          header nav ul li ul a:link:hover, header nav ul li ul a:visited:hover, header nav ul li ul a:hover:hover {
+            color: black; }
+      header nav ul li:hover ul {
+        display: block; }
+
+#content {
+  background: white url("../images/bg_clouds.png") repeat-x -8% top;
+  padding-top: 60px; }
+
+#heroes #nav {
+  float: right;
+  width: 240px;
+  margin: 15px 0 25px;
+  padding: 15px 0;
+  border-left: 1px solid #eeeeee; }
+  #heroes #nav ul {
+    list-style: none;
+    padding: 0;
+    margin: 0; }
+  #heroes #nav li {
+    display: block;
+    margin: 4px 0 4px -1px;
+    padding: 10px 0 10px 10px;
+    border-top: 1px solid white;
+    border-bottom: 1px solid white;
+    border-left: 1px solid #eeeeee;
+    color: #999999; }
+    #heroes #nav li:hover {
+      color: #333333;
+      cursor: pointer; }
+    #heroes #nav li.current {
+      border-top: 1px solid #eeeeee;
+      border-bottom: 1px solid #eeeeee;
+      border-left: 1px solid white;
+      background: white;
+      position: relative;
+      color: #336699; }
+#heroes #panels {
+  position: relative; }
+  #heroes #panels div {
+    background: white;
+    width: 820px;
+    height: 230px; }
+  #heroes #panels img {
+    float: left;
+    margin-top: 10px;
+    margin-right: 20px; }
+    #heroes #panels img.appcloud {
+      margin: 30px -11px 10px 0; }
+    #heroes #panels img.jruby {
+      margin-bottom: 100px;
+      width: 180px; }
+#heroes #hero_1 {
+  text-align: center; }
+  #heroes #hero_1 img {
+    float: right; }
+  #heroes #hero_1 div {
+    width: 480px;
+    float: left; }
+  #heroes #hero_1 h2 {
+    font-weight: bold;
+    margin-top: 28px;
+    font-size: 36px; }
+  #heroes #hero_1 h3 {
+    margin-top: 5px;
+    font-size: 28px;
+    padding-bottom: 5px;
+    background: url("../images/swipe_blue.png") bottom center no-repeat; }
+  #heroes #hero_1 p {
+    margin-bottom: 0; }
+  #heroes #hero_1 .button {
+    font-size: 1.8em; }
+    #heroes #hero_1 .button:hover {
+      text-decoration: none; }
+    #heroes #hero_1 .button.orange {
+      color: white;
+      background: #ff9f29;
+      background: -moz-linear-gradient(top, #ffcd8f, #ff9f29);
+      background: -webkit-gradient(linear, left top, left bottom, from(#ffcd8f), to(#ff9f29)); }
+      #heroes #hero_1 .button.orange:hover {
+        border-color: #ff9410;
+        background: #ff9410;
+        background: -moz-linear-gradient(top, #ffc176, #ff9410);
+        background: -webkit-gradient(linear, left top, left bottom, from(#ffc176), to(#ff9410)); }
+    #heroes #hero_1 .button.red {
+      color: white;
+      background: #cc0000;
+      background: -moz-linear-gradient(top, #ff3333, #cc0000);
+      background: -webkit-gradient(linear, left top, left bottom, from(#ff3333), to(#cc0000)); }
+      #heroes #hero_1 .button.red:hover {
+        border-color: #b30000;
+        background: #b30000;
+        background: -moz-linear-gradient(top, #ff1a1a, #b30000);
+        background: -webkit-gradient(linear, left top, left bottom, from(#ff1a1a), to(#b30000)); }
+#heroes p {
+  margin: 0.5em 0 1.5em; }
+#heroes .intro {
+  margin-bottom: 0;
+  color: #666666; }
+#heroes h2 {
+  margin: 0;
+  font-size: 2.2em;
+  line-height: 1.2em; }
+#heroes h3 {
+  margin: 0;
+  line-height: 1em; }
+
+.block {
+  margin: 20px 0;
+  border-top: 1px solid #dddddd; }
+  .block:first-child {
+    border-top: none;
+    margin-top: 23px; }
+  .block.cta {
+    text-align: center;
+    margin-top: 0;
+    padding-top: 30px; }
+    .block.cta a {
+      margin-bottom: 10px;
+      display: inline-block;
+      width: 140px; }
+  .block p {
+    line-height: 1.4em; }
+  .block #countdown {
+    float: right;
+    margin-top: 1em; }
+  .block form.newsletter .mktField, .block form.newsletter #mktFrmButtons {
+    display: inline-block; }
+  .block form.newsletter input {
+    max-width: 140px; }
+  .block form.newsletter input[type="submit"] {
+    padding: 1px 10px;
+    font-size: 0.95em; }
+  .block form.newsletter .mktFormMsg {
+    position: absolute;
+    left: auto !important;
+    font-size: 0.9em;
+    color: #cc0000;
+    margin-top: -42px; }
+
+#countdown {
+  padding: 2px 10px 5px;
+  text-align: center;
+  line-height: 1.2em; }
+  #countdown small {
+    display: block;
+    margin: 0; }
+  #countdown em {
+    font-style: normal;
+    font-size: 1.4em;
+    line-height: 1em;
+    color: #666666;
+    display: block;
+    clear: both; }
+  #countdown #sessionTimer {
+    color: #999999; }
+
+.rails, .jruby, .rubinius {
+  padding: 8px 0 5px 30px; }
+
+.rails {
+  background: url(../images/icn_rails_sm.png) no-repeat left top; }
+
+.jruby {
+  background: url(../images/icn_jruby.png) no-repeat left top; }
+
+.rubinius {
+  background: url(../images/icn_rubinius.png) no-repeat left top; }
+
+.featured h3, .featured > h4 {
+  margin-top: 1.25em;
+  font-size: 1.2em; }
+  .featured h3.liveDemo, .featured > h4.liveDemo {
+    padding: 5px 0 3px 60px;
+    background: url(../images/icn_feature_summary_live_demo.png) no-repeat left top; }
+  .featured h3.rails, .featured > h4.rails {
+    padding: 0px 0 3px 60px;
+    background: url(../images/icn_feature_summary_rails3_webinar.png) no-repeat left top; }
+  .featured h3.newsletter, .featured > h4.newsletter {
+    padding: 5px 0 3px 60px;
+    background: url(../images/icn_feature_summary_newsletter.png) no-repeat left top; }
+  .featured h3.pdf, .featured > h4.pdf {
+    padding: 5px 0 4px 60px;
+    background: url(../images/icn_feature_summary_pdf.png) no-repeat left top; }
+  .featured h3.cli, .featured > h4.cli {
+    padding: 0px 0 3px 70px;
+    background: url(../images/icn_cli.png) no-repeat left top; }
+  .featured h3.ornament, .featured > h4.ornament {
+    padding: 0px 0 3px 70px;
+    background: url(../images/icn_ornament.png) no-repeat left top; }
+  .featured h3.debug_ruby, .featured > h4.debug_ruby {
+    padding: 0px 0 10px 70px;
+    background: url(../images/icn_debug_ruby.jpg) no-repeat left top; }
+  .featured h3.textmate, .featured > h4.textmate {
+    padding: 0px 0 7px 60px;
+    background: url(../images/icn_feature_textmate.png) no-repeat left top; }
+
+.promos {
+  border-top: 1px solid #dddddd; }
+  .promos .block:nth-child(1) {
+    width: 500px;
+    margin-right: 60px;
+    float: left;
+    font-size: 16px; }
+    .promos .block:nth-child(1) h3 {
+      font-size: 20px;
+      margin: 0; }
+  .promos .block:nth-child(2) {
+    border: none;
+    width: 250px;
+    float: left; }
+
+.features {
+  padding-top: 0px;
+  clear: both;
+  border-top: 1px solid #dddddd; }
+  .features.nullborder {
+    border: 0;
+    margin-bottom: 65px; }
+    .features.nullborder .customers {
+      margin-top: 15px;
+      margin-bottom: 15px; }
+    .features.nullborder h3 {
+      font-weight: bold;
+      margin-top: 36px;
+      margin-bottom: 18px; }
+    .features.nullborder p {
+      width: 720px;
+      text-align: center;
+      margin: 6px auto 25px auto;
+      font-size: 18px;
+      line-height: 20px;
+      color: #333333; }
+    .features.nullborder.newrelic p {
+      text-align: left; }
+      .features.nullborder.newrelic p.center {
+        text-align: center; }
+    .features.nullborder.newrelic .customerscontainer {
+      position: relative;
+      float: right;
+      margin-left: 25px;
+      width: 310px;
+      padding: 10px 10px 6px;
+      background: white;
+      border: 1px solid #cccccc;
+      -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); }
+      .features.nullborder.newrelic .customerscontainer .customers {
+        position: relative;
+        height: 52px;
+        width: 300px;
+        overflow: hidden; }
+        .features.nullborder.newrelic .customerscontainer .customers li {
+          position: absolute;
+          display: inline;
+          height: 52px;
+          width: 1500px;
+          left: 0; }
+          .features.nullborder.newrelic .customerscontainer .customers li span {
+            position: absolute;
+            display: block;
+            width: 102px;
+            left: 310px; }
+  .features .block {
+    width: 240px;
+    margin: 0 25px 0;
+    border: none;
+    float: left; }
+    .features .block:first-child {
+      margin-left: 0; }
+    .features .block:last-child {
+      margin-right: 0;
+      float: right; }
+  .features h3 {
+    font-size: 32px;
+    text-align: center;
+    margin-bottom: 0; }
+  .features h4 {
+    font-size: 26px;
+    text-align: center;
+    margin: 0; }
+  .features.video p {
+    text-align: left;
+    width: 100%; }
+  .features #video_container {
+    position: relative;
+    float: left;
+    margin-right: 25px;
+    width: 310px;
+    height: 200px; }
+    .features #video_container #video_player {
+      position: absolute;
+      top: 0;
+      right: 0;
+      z-index: 2;
+      margin-right: 0; }
+    .features #video_container .links {
+      text-align: left;
+      width: 220px;
+      height: 205px;
+      position: absolute;
+      z-index: 0;
+      top: 0;
+      padding: 10px 10px 6px;
+      background: #cccccc;
+      opacity: 0.95;
+      color: white;
+      -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); }
+      .features #video_container .links ul {
+        list-style-type: none;
+        padding: 0; }
+
+.content {
+  clear: both; }
+  .content + .content {
+    border: none; }
+
+.sidebar {
+  clear: none;
+  float: right;
+  width: 240px;
+  border-top: 0;
+  padding-top: 0; }
+  .sidebar .block {
+    width: 240px; }
+  .sidebar .section {
+    margin-bottom: 0;
+    padding: 0;
+    list-style: none;
+    border-bottom: 1px solid #dddddd; }
+  .sidebar ul.section {
+    text-align: center; }
+  .sidebar h4 {
+    margin-top: 1.5em;
+    margin-bottom: 1.55em; }
+  .sidebar .links ul {
+    margin-top: -1em; }
+  .sidebar .links li {
+    margin-top: -0.5em; }
+  .sidebar .logo {
+    margin-top: 1.3em; }
+
+.main {
+  float: left;
+  width: 540px; }
+
+.heading {
+  margin-bottom: 20px;
+  text-align: center; }
+  .heading h2 {
+    margin-top: 20px;
+    margin-bottom: 0; }
+  .heading p {
+    font-size: 1.2em; }
+  .heading > div.center {
+    margin: 0 auto; }
+  .heading .hero {
+    float: right;
+    margin: -3em 30px -2.5em 2em; }
+
+.banner {
+  text-align: left; }
+  .banner img {
+    float: right;
+    margin-top: -4em; }
+
+.subnav, #subnav {
+  text-align: center;
+  clear: both;
+  width: 100%;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #dddddd;
+  height: 31px;
+  overflow: hidden; }
+  .subnav ul, #subnav ul {
+    padding: 0;
+    margin: 0 auto;
+    list-style: none;
+    float: left;
+    position: relative;
+    left: 50%; }
+    .subnav ul li, #subnav ul li {
+      float: left;
+      position: relative;
+      right: 50%;
+      margin-bottom: 0; }
+      .subnav ul li a, #subnav ul li a {
+        color: #666666;
+        display: inline-block;
+        padding: 5px 13px;
+        background: #eeeeee;
+        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
+        background: -moz-linear-gradient(top, white, #eeeeee);
+        border: 1px solid #dddddd;
+        height: 20px;
+        margin-right: -1px; }
+        .subnav ul li a:hover, #subnav ul li a:hover {
+          color: #333333;
+          text-decoration: none; }
+      .subnav ul li:first-child a, #subnav ul li:first-child a {
+        -moz-border-radius-topleft: 5px;
+        -webkit-border-top-left-radius: 5px; }
+      .subnav ul li:last-child a, #subnav ul li:last-child a {
+        -moz-border-radius-topright: 5px;
+        -webkit-border-top-right-radius: 5px; }
+      .subnav ul li.selected a, #subnav ul li.selected a {
+        color: #333333;
+        background: white;
+        border-bottom: 1px solid white; }
+
+.subpages {
+  text-align: center;
+  list-style: none;
+  padding: 0 0 6px;
+  margin: 0;
+  border-bottom: 1px solid #f6f6f6; }
+  .subpages li {
+    display: inline-block;
+    margin: 0 1em; }
+    .subpages li a:link, .subpages li a:visited {
+      color: #336699; }
+      .subpages li a:link.button, .subpages li a:visited.button {
+        color: white;
+        font-size: 1em;
+        padding: 3px 10px;
+        margin: -1.5em 0 0 0;
+        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
+        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+    .subpages li.selected a {
+      color: #333333; }
+    .subpages li.callout {
+      padding: 0;
+      margin: 0 5px;
+      line-height: 1em; }
+
+.customers {
+  list-style: none;
+  padding: 0;
+  text-align: center; }
+  .customers li {
+    display: inline-block;
+    height: 42px;
+    margin: 0.6em 1em; }
+    .customers li img {
+      vertical-align: middle; }
+
+.catalog, .meta {
+  padding: 0.1em 0 0;
+  list-style: none;
+  line-height: 1.4em; }
+  .catalog li, .meta li {
+    margin-bottom: 0.5em; }
+  .catalog h4, .catalog .h4, .catalog h5, .catalog .h5, .meta h4, .meta .h4, .meta h5, .meta .h5 {
+    margin-top: 0; }
+  .catalog.list > li, .meta.list > li {
+    padding: 10px 0 0;
+    border-top: 1px dashed #eeeeee;
+    clear: both; }
+    .catalog.list > li:first-child, .meta.list > li:first-child {
+      margin-top: 0;
+      padding-top: 0;
+      border-top: none; }
+  .catalog.events h5, .meta.events h5 {
+    margin: 0; }
+  .catalog.videos img, .meta.videos img {
+    float: left;
+    margin: 0 0 15px; }
+  .catalog.videos h4, .catalog.videos p, .catalog.videos ul, .meta.videos h4, .meta.videos p, .meta.videos ul {
+    margin-left: 150px; }
+  .catalog.podcasts audio, .catalog.podcasts .podcastLink, .meta.podcasts audio, .meta.podcasts .podcastLink {
+    float: right; }
+  .catalog.podcasts .avatar, .meta.podcasts .avatar {
+    float: left;
+    margin: 0 10px 10px 0; }
+  .catalog.updates, .meta.updates {
+    margin-top: 0; }
+    .catalog.updates li, .meta.updates li {
+      padding-top: 0; }
+  .catalog.presskit img, .meta.presskit img {
+    margin-right: 30px; }
+  .catalog.presskit h3, .meta.presskit h3 {
+    margin: 0px;
+    padding-top: 10px; }
+  .catalog.presskit h3, .catalog.presskit h4, .catalog.presskit p, .catalog.presskit .meta, .meta.presskit h3, .meta.presskit h4, .meta.presskit p, .meta.presskit .meta {
+    margin-left: 440px; }
+
+.meta {
+  line-height: 1em;
+  color: #999999;
+  margin: -1em 0 1.2em;
+  white-space: nowrap; }
+  .meta li {
+    font-size: 0.9em;
+    line-height: 1em;
+    display: inline-block;
+    border-left: 1px solid #999999;
+    margin: 0 0 0 0.5em;
+    padding-left: 1em; }
+    .meta li strong {
+      color: #666666; }
+    .meta li:first-child {
+      border-left: none;
+      margin-left: 0;
+      padding-left: 0; }
+
+.halfColumn {
+  width: 380px;
+  padding: 0 30px;
+  margin: 0;
+  float: left; }
+  .halfColumn:first-child {
+    padding-left: 0; }
+  .halfColumn:last-child {
+    float: right;
+    padding-right: 0; }
+
+.main .halfColumn {
+  width: 240px; }
+
+.thirdBlock, .thirdColumn {
+  width: 240px;
+  margin-right: 50px;
+  float: left; }
+  .thirdBlock.last, .thirdColumn.last {
+    margin-right: 0; }
+  .thirdBlock .p a p, .thirdColumn .p a p {
+    margin-top: 0; }
+
+.product {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  padding-top: 20px;
+  border-left: 1px solid #dddddd;
+  border-right: 1px solid #dddddd;
+  text-align: center; }
+  .product h3 {
+    margin: 0.25em 0; }
+  .product h4 {
+    margin: 0 0 1.5em; }
+  .product .description {
+    text-align: left;
+    min-height: 100px; }
+  .product:first-child {
+    border-left: none;
+    margin-right: -1px; }
+  .product:last-child {
+    border: none; }
+  .product a:hover {
+    text-decoration: none; }
+
+.note {
+  font-size: 1.2em;
+  line-height: 1.4em;
+  color: #999999;
+  border-top: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+  padding: 1em 0;
+  margin: 2em 0; }
+
+.warning, .message {
+  background: #fff2bf;
+  background: -webkit-gradient(linear, left top, left bottom, from(#fff2bf), to(#fff8de));
+  background: -moz-linear-gradient(top, #fff2bf, #fff8de);
+  border: 1px solid #eeeeee;
+  border-left: none;
+  border-right: none;
+  font-size: 1.1em;
+  padding: 10px; }
+
+.message {
+  border: none;
+  margin: 1.5em 0; }
+
+.errors {
+  text-align: left;
+  color: #990000; }
+
+.footnote {
+  display: block;
+  line-height: 1.4em;
+  font-size: 0.8em;
+  color: #666666; }
+
+.clearfix, .clear {
+  clear: both;
+  height: 1px;
+  margin-top: -1px; }
+
+.hidden {
+  display: none !important; }
+
+.center {
+  text-align: center; }
+
+.right {
+  float: right; }
+
+.left {
+  float: left; }
+
+img.right, .wide img.right {
+  float: right;
+  margin-left: 15px; }
+img.left, .wide img.left {
+  float: left;
+  margin-top: 10px;
+  margin-right: 15px;
+  margin-bottom: 20px; }
+img.gravatar, .wide img.gravatar {
+  width: 40px;
+  height: 40px; }
+img.framed, .wide img.framed {
+  background: white;
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9f9f9));
+  background: -moz-linear-gradient(top, white, #f9f9f9);
+  padding: 6px;
+  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); }
+
+.thumbnail, .pagination {
+  margin: 20px 0; }
+
+.thumbnail {
+  display: inline-block; }
+  .thumbnail:hover {
+    text-decoration: none; }
+  .thumbnail.lightbox {
+    margin-bottom: 0; }
+
+.pagination {
+  text-align: center; }
+  .pagination em {
+    font-style: normal; }
+
+.lead {
+  margin: 30px 0 20px; }
+  .lead.h4 {
+    margin-top: 25px; }
+
+.video-text div:nth-child(1) {
+  width: 340px; }
+.video-text div:nth-child(2) {
+  text-align: center;
+  width: 230px;
+  margin-top: 10px; }
+  .video-text div:nth-child(2) .button {
+    font-size: 1.8em;
+    margin: 15px 0 5px 0; }
+    .video-text div:nth-child(2) .button.orange {
+      color: white;
+      background: #ff9f29;
+      background: -moz-linear-gradient(top, #ffcd8f, #ff9f29);
+      background: -webkit-gradient(linear, left top, left bottom, from(#ffcd8f), to(#ff9f29)); }
+      .video-text div:nth-child(2) .button.orange:hover {
+        border-color: #ff9410;
+        background: #ff9410;
+        background: -moz-linear-gradient(top, #ffc176, #ff9410);
+        background: -webkit-gradient(linear, left top, left bottom, from(#ffc176), to(#ff9410)); }
+    .video-text div:nth-child(2) .button.red {
+      color: white;
+      background: #cc0000;
+      background: -moz-linear-gradient(top, #ff3333, #cc0000);
+      background: -webkit-gradient(linear, left top, left bottom, from(#ff3333), to(#cc0000)); }
+      .video-text div:nth-child(2) .button.red:hover {
+        border-color: #b30000;
+        background: #b30000;
+        background: -moz-linear-gradient(top, #ff1a1a, #b30000);
+        background: -webkit-gradient(linear, left top, left bottom, from(#ff1a1a), to(#b30000)); }
+.video-text div {
+  float: left; }
+.video-text ul {
+  list-style-type: none;
+  font-size: 16px;
+  line-height: 18px; }
+
+footer {
+  background: #eeeeee;
+  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(white));
+  background: -moz-linear-gradient(top, #dddddd, white);
+  clear: both;
+  font-size: 0.95em;
+  line-height: 1.4em;
+  text-align: center;
+  margin-top: 30px;
+  overflow: hidden; }
+  footer ul {
+    padding: 0; }
+  footer li {
+    display: inline-block;
+    margin: 0 1em; }
+  footer nav li {
+    line-height: 1em;
+    margin: 0 0 0 1em;
+    padding-left: 1em;
+    border-left: 1px solid #dddddd; }
+    footer nav li:first-child {
+      padding-left: 0;
+      margin-left: 0;
+      border-left: none; }
+  footer p {
+    color: #999999;
+    font-size: 0.9em; }
+  footer a, footer a:visited {
+    color: #666666; }
+    footer a:hover, footer a:visited:hover {
+      color: #333333;
+      text-decoration: none; }
+  footer .footer-signup {
+    width: 100%;
+    background: #b2c5d8;
+    background: -webkit-gradient(linear, left top, left bottom, from(#b2c5d8), to(white));
+    background: -moz-linear-gradient(top, #b2c5d8, white);
+    border: solid #c5c5c5;
+    border-width: 1px 0; }
+    footer .footer-signup h3 {
+      margin: 0 0 5px 0; }
+    footer .footer-signup .video-text {
+      width: 770px;
+      text-align: center;
+      margin: 0 auto; }
+      footer .footer-signup .video-text ul {
+        padding: 0;
+        margin: 0; }
+        footer .footer-signup .video-text ul li {
+          line-height: 18px;
+          padding: 0;
+          margin: 0; }
+      footer .footer-signup .video-text div:nth-child(1) {
+        display: inline-block;
+        width: 480px;
+        text-align: left;
+        padding: 20px 0; }
+      footer .footer-signup .video-text div:nth-child(2) {
+        display: inline-block; }
+
+.connect {
+  font-size: 0.95em;
+  border-top: 1px solid #eeeeee;
+  margin-bottom: 1.5em;
+  padding: 10px;
+  background: #f6f6f6;
+  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
+  .connect h4 {
+    font-size: 1em;
+    display: inline;
+    margin: 0; }
+  .connect ul {
+    display: inline-block;
+    margin: 0; }
+
+.facebook, .twitter, .rss, .itunes, .linkedin {
+  padding: 2px 0 2px 20px; }
+
+.facebook {
+  background: url(../images/icn_facebook.png) no-repeat left center; }
+  .facebook:hover {
+    background: url(../images/icn_facebook_color.png) no-repeat left center; }
+
+.linkedin {
+  background: url(../images/icn_linkedin.png) no-repeat left center; }
+  .linkedin:hover {
+    background: url(../images/icn_linkedin_color.png) no-repeat left center; }
+
+.twitter {
+  background: url(../images/icn_twitter.png) no-repeat left center; }
+  .twitter:hover {
+    background: url(../images/icn_twitter_color.png) no-repeat left center; }
+
+.rss {
+  background: url(../images/icn_rss.png) no-repeat left center; }
+  .rss:hover {
+    background: url(../images/icn_rss_color.png) no-repeat left center; }
+
+.itunes {
+  background: url(../images/icn_itunes.png) no-repeat left center; }
+  .itunes:hover {
+    background: url(../images/icn_itunes_color.png) no-repeat left center; }
+
+.mktError {
+  color: #990000; }
+  .mktError .mktFormMsg {
+    font-size: 0.9em; }
+  .mktError input[type="text"], .mktError textarea {
+    background: #ffeeee; }
+
+.inline div {
+  display: inline-block; }
+.inline input[type="submit"] {
+  padding: 2px 10px; }
+
+.project {
+  border-top: 2px solid #dddddd;
+  padding: 20px 0px 0; }
+  .project h4, .project .h4 {
+    margin-top: 0;
+    font-weight: 700; }
+  .project h5, .project .h5 {
+    margin: 0;
+    padding-top: 1em;
+    border-top: 1px solid #eeeeee; }
+  .project img {
+    float: right;
+    margin-left: 10px; }
+  .project .content {
+    padding-top: 0;
+    width: 540px !important;
+    overflow: hidden; }
+    .project .content .contributors {
+      float: left;
+      width: 200px; }
+    .project .content .updates {
+      float: right;
+      width: 340px; }
+    .project .content time {
+      font-size: 0.75em;
+      color: #999999; }
+    .project .content .contributors ul, .project .content .updates ul {
+      list-style: none;
+      padding: 0; }
+    .project .content .contributors li, .project .content .updates li {
+      margin: 0; }
+  .project .links {
+    list-style: none;
+    padding-left: 0;
+    margin-top: -1.5em;
+    line-height: 1.25em;
+    color: #999999;
+    font-size: 0.9em; }
+    .project .links li {
+      margin: 0; }
+
+.profiles {
+  line-height: 1.4em;
+  list-style: none;
+  padding: 0 0 10px;
+  margin: 0;
+  border-bottom: 1px dashed #dddddd; }
+  .profiles h4, .profiles .h4 {
+    margin: 0; }
+  .profiles ul {
+    list-style: none;
+    padding-left: 0;
+    margin: 0 0 0 57px; }
+  .profiles > li {
+    clear: both;
+    margin-top: 10px;
+    margin-bottom: 0;
+    padding-top: 10px;
+    border-top: 1px dashed #dddddd;
+    display: inline-block;
+    vertical-align: top;
+    width: 245px; }
+    .profiles > li:first-child {
+      margin-top: 0; }
+  .profiles li {
+    margin-bottom: 0; }
+    .profiles li h5 {
+      margin-top: 1.8em; }
+    .profiles li h6 {
+      margin: 0; }
+  .profiles.minimal {
+    border: none;
+    padding: 0; }
+    .profiles.minimal li {
+      border: none;
+      padding: 0;
+      margin: 0; }
+  .profiles img {
+    padding: 2px;
+    border: 1px solid #dddddd;
+    float: left;
+    margin: 4px 10px 5px 0; }
+    .profiles img.thumbnail {
+      width: 40px;
+      height: 40px; }
+  .profiles .projectList {
+    margin-left: 57px; }
+    .profiles .projectList dt {
+      font-weight: normal; }
+    .profiles .projectList dd, .profiles .projectList li {
+      display: inline; }
+      .profiles .projectList dd:after, .profiles .projectList li:after {
+        content: ", "; }
+      .profiles .projectList dd:last-child:after, .profiles .projectList li:last-child:after {
+        content: ""; }
+  .profiles.wide {
+    border: none;
+    margin: 1.5em 0 1.5em; }
+    .profiles.wide > li {
+      border: none;
+      width: 100%; }
+      .profiles.wide > li h3, .profiles.wide > li p {
+        margin-left: 120px; }
+      .profiles.wide > li h3, .profiles.wide > li h5 {
+        margin-top: 0; }
+      .profiles.wide > li p:last-child {
+        margin-bottom: 0; }
+      .profiles.wide > li:first-child {
+        margin-top: 0; }
+  .profiles.company > li h3, .profiles.company > li h4, .profiles.company > li h5, .profiles.company > li p {
+    margin-left: 140px; }
+  .profiles.company > li img {
+    border: none; }
+
+.threeColumn {
+  margin-right: -20px;
+  border-bottom: none; }
+  .threeColumn .profile {
+    width: 257px;
+    margin-top: 0;
+    margin-right: 20px;
+    border: none; }
+    .threeColumn .profile h3 {
+      margin: 0; }
+    .threeColumn .profile dl {
+      clear: both; }
+
+.panel {
+  width: 480px;
+  border: 10px solid #ebebeb;
+  background: #f6f6f6;
+  padding: 0px 20px 20px;
+  margin: 30px 0; }
+  .panel .block {
+    margin: 20px 0 0; }
+  .panel .links {
+    float: right;
+    margin: 0; }
+
+.badges li {
+  display: inline-block;
+  margin: 10px 7px 10px 0;
+  vertical-align: top; }
+
+.videoTestimonials {
+  margin-bottom: 30px; }
+
+#video_player {
+  padding: 10px 10px 6px;
+  background: white;
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
+  background: -moz-linear-gradient(top, white, #eeeeee);
+  border: 1px solid #cccccc;
+  float: left;
+  margin-right: 30px;
+  margin-bottom: 30px;
+  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); }
+
+.playlist {
+  list-style: none;
+  padding-left: 0;
+  margin: 0 0 30px; }
+  .playlist .thumbnail {
+    width: 100px;
+    padding: 6px;
+    background: white;
+    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
+    background: -moz-linear-gradient(top, white, #eeeeee);
+    border: 1px solid #cccccc;
+    margin: 0 4px; }
+  .playlist li {
+    display: inline-block;
+    text-align: center; }
+
+.tooltip:hover {
+  cursor: help; }
+
+#tooltip {
+  position: absolute;
+  max-width: 300px;
+  padding: 10px;
+  margin: -10px;
+  background: #fdfdfd;
+  border: 1px solid #cccccc;
+  opacity: 0.9;
+  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
+  -moz-border-radius: 0 10px 10px 10px;
+  -webkit-border-radius: 0 10px 10px 10px; }
+  #tooltip h3 {
+    margin: 0;
+    font-size: 1em; }
+
+#cse table td {
+  border: none; }
+
+.logoMatrix span {
+  display: inline-block;
+  text-align: center;
+  height: 75px;
+  width: 182px;
+  margin: 10px; }
+  .logoMatrix span img {
+    vertical-align: middle; }
+
+.appcloudSignup form {
+  display: block;
+  background: white;
+  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ffffee));
+  background: -moz-linear-gradient(top, white, #ffffee);
+  padding: 20px;
+  border: 1px solid #eeeeee;
+  margin: 20px 100px; }
+  .appcloudSignup form p {
+    margin-top: 0;
+    margin-bottom: 0.5em; }
+  .appcloudSignup form div {
+    display: inline-block; }
+.appcloudSignup label {
+  width: 380px;
+  margin: 0 auto;
+  text-align: left; }
+.appcloudSignup input[type="text"], .appcloudSignup input[type="password"] {
+  font-size: 1.45em;
+  width: 380px; }
+.appcloudSignup input[type="password"] {
+  display: block;
+  margin: 0 auto 1em; }
+.appcloudSignup .quotes {
+  margin: 2em 0; }
+.appcloudSignup .errors {
+  margin-top: -30px; }
+  .appcloudSignup .errors li {
+    margin-bottom: 0; }
+.appcloudSignup .email {
+  background: url(../images/icon-email.png) no-repeat left center;
+  padding: 22px;
+  margin: 0 150px; }
+
+#homepage .content {
+  border-top: 1px solid #dddddd; }
+#homepage #countdown {
+  margin: 0;
+  padding: 0;
+  text-align: left;
+  line-height: 0.8em;
+  font-size: 0.8em; }
+  #homepage #countdown .button {
+    margin-right: 5px; }
+  #homepage #countdown em {
+    font-style: normal;
+    font-size: 1em;
+    line-height: 1em;
+    color: #666666;
+    display: block;
+    clear: both; }
+  #homepage #countdown small {
+    display: inline;
+    margin: 0; }
+
+#colorbox, #cboxOverlay, #cboxWrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  overflow: hidden; }
+
+#cboxOverlay {
+  position: fixed;
+  width: 100%;
+  height: 100%; }
+
+#cboxMiddleLeft, #cboxBottomLeft {
+  clear: left; }
+
+#cboxContent {
+  position: relative;
+  overflow: hidden; }
+
+#cboxLoadedContent {
+  overflow: auto; }
+
+#cboxLoadedContent iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 0; }
+
+#cboxTitle {
+  margin: 0; }
+
+#cboxLoadingOverlay, #cboxLoadingGraphic {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%; }
+
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
+  cursor: pointer; }
+
+#cboxOverlay {
+  background: url(../images/overlay.png) 0 0 repeat; }
+
+#cboxTopLeft {
+  width: 21px;
+  height: 21px;
+  background: url(../images/controls.png) -100px 0 no-repeat; }
+
+#cboxTopRight {
+  width: 21px;
+  height: 21px;
+  background: url(../images/controls.png) -129px 0 no-repeat; }
+
+#cboxBottomLeft {
+  width: 21px;
+  height: 21px;
+  background: url(../images/controls.png) -100px -29px no-repeat; }
+
+#cboxBottomRight {
+  width: 21px;
+  height: 21px;
+  background: url(../images/controls.png) -129px -29px no-repeat; }
+
+#cboxMiddleLeft {
+  width: 21px;
+  background: url(../images/controls.png) left top repeat-y; }
+
+#cboxMiddleRight {
+  width: 21px;
+  background: url(../images/controls.png) right top repeat-y; }
+
+#cboxTopCenter {
+  height: 21px;
+  background: url(../images/border.png) 0 0 repeat-x; }
+
+#cboxBottomCenter {
+  height: 21px;
+  background: url(../images/border.png) 0 -29px repeat-x; }
+
+#cboxContent {
+  background: white; }
+
+#cboxLoadedContent {
+  margin-bottom: 28px; }
+
+#cboxTitle {
+  position: absolute;
+  bottom: 4px;
+  left: 0;
+  text-align: center;
+  width: 100%;
+  color: #949494; }
+
+#cboxCurrent {
+  position: absolute;
+  bottom: 4px;
+  left: 58px;
+  color: #949494; }
+
+#cboxSlideshow {
+  position: absolute;
+  bottom: 4px;
+  right: 30px;
+  color: #0092ef; }
+
+#cboxPrevious {
+  position: absolute;
+  bottom: 0;
+  left: 0px;
+  background: url(../images/controls.png) -75px 0px no-repeat;
+  width: 25px;
+  height: 25px;
+  text-indent: -9999px; }
+
+#cboxPrevious.hover {
+  background-position: -75px -25px; }
+
+#cboxNext {
+  position: absolute;
+  bottom: 0;
+  left: 27px;
+  background: url(../images/controls.png) -50px 0px no-repeat;
+  width: 25px;
+  height: 25px;
+  text-indent: -9999px; }
+
+#cboxNext.hover {
+  background-position: -50px -25px; }
+
+#cboxLoadingOverlay {
+  background: url(../images/loading_background.png) center center no-repeat; }
+
+#cboxLoadingGraphic {
+  background: url(../images/loading.gif) center center no-repeat; }
+
+#cboxClose {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background: url(../images/controls.png) -25px 0px no-repeat;
+  width: 25px;
+  height: 25px;
+  text-indent: -9999px; }
+
+#cboxClose.hover {
+  background-position: -25px -25px; }
+
+.clearfix {
+  clear: both; }
+
+.hidden {
+  display: none !important; }
+
+li.plan h3 {
+  margin: 0; }