sublime_video_layout 2.7.0

data/app/assets/stylesheets/ie.css.scss

@@ -0,0 +1,2 @@
+.checkbox_wrap input {margin-top:8px}
+.checkbox_wrap label, .radio_wrap label {background:none}

data/app/assets/stylesheets/sublime_icons.css.scss.erb

@@ -0,0 +1,46 @@
+@font-face {
+	font-family: 'SublimeIcons';
+	src:url(<%= asset_path "SublimeIcons.eot" %>);
+}
+@font-face {
+	font-family: 'SublimeIcons';
+	src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
+		 url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWagLi4AAAcUAAAAHEdERUYANgAGAAAG9AAAACBPUy8yT+XcUgAAAVgAAABWY21hcOUMG4UAAAHUAAABWmdhc3D//wADAAAG7AAAAAhnbHlmr4PPzAAAA0QAAAGsaGVhZPyBzBIAAADcAAAANmhoZWEFEQDhAAABFAAAACRobXR4DaoAAQAAAbAAAAAkbG9jYQFMAXoAAAMwAAAAFG1heHAAUAAvAAABOAAAACBuYW1lSJAu2AAABPAAAAG/cG9zdE37n6cAAAawAAAAPAABAAAAAQAAy0pEs18PPPUACwIAAAAAAM0xRa8AAAAAzTFFrwAA/9cDAAHgAAAACAACAAAAAAAAAAEAAAHg/9cALgMAAAD+AAMAAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJACwABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIzAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZABAACHwAAHg/+AALgHgACmAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAAAMAAAACAAAAAgAAAAIAAAEAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAFQAAwABAAAAHAAEADgAAAAKAAgAAgACAAAAJABb8AD//wAAAAAAIQBb8AD//wAA/+P/qBAIAAEAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAABAUGBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAmAGwAfgDIANYAAgAA/9cCCQHgAAcACgAABCImNDYyFhQlFTcBcNeZmdeZ/rCzKZnXmZnX19xuAAAAAQAA/+ADAAHgAAIAAAUBIQGA/oADACACAAAAAAUAAP/gAgAB4AAHABIAGQAiACkAAAAiBhQWMjY0JSEyMw8CLwIyBzU0NxcHJgUhIic3FzcXBjcUByc3FhUBatSWltSW/nIBHAIDaQ4cHA5pAxEBaWkBAS/+5AIDaikpagMRAWlpAQHgltSWltQCWwsXFwtbxrMDA1plBBEBZiIiZgETAgRlWgMDAAAAAQAAACACAAGwAAUAAAEHJwcXAQGw8HBQwAFAAbDwcFDAAUAAAQAB/+EB/wHfACsAACUnNzY3Ni8BJgcGDwEnJicmDwEGFxYfAQcGBwYfARY3Nj8BFxYXFj8BNicmAfubmwMBBAhJBwoDA5ubAwMKB0kIBAEDm5sDAQQISQcKAwObmwMDCgdJCAQBRZubAwMKB0kIBAEDm5sDAQQISQcKAwObmwMDCgdJCAQBA5ubAwEECEkHCgMAAAEAAP/gAgAB4AACAAARASECAP4AAeD+AAAAAAAAAAwAlgABAAAAAAABAAwAGgABAAAAAAACAAcANwABAAAAAAADACcAjwABAAAAAAAEAAwA0QABAAAAAAAFAAsA9gABAAAAAAAGAAwBHAADAAEECQABABgAAAADAAEECQACAA4AJwADAAEECQADAE4APwADAAEECQAEABgAtwADAAEECQAFABYA3gADAAEECQAGABgBAgBTAHUAYgBsAGkAbQBlAEkAYwBvAG4AcwAAU3VibGltZUljb25zAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAFMAdQBiAGwAaQBtAGUASQBjAG8AbgBzACAAOgAgADEALQAyAC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IFN1YmxpbWVJY29ucyA6IDEtMi0yMDEzAABTAHUAYgBsAGkAbQBlAEkAYwBvAG4AcwAAU3VibGltZUljb25zAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABTAHUAYgBsAGkAbQBlAEkAYwBvAG4AcwAAU3VibGltZUljb25zAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAAAAAQACAD4ABAAFAAYABwECB3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM0xRa8AAAAAzTFFrw==) format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+	font-family: 'SublimeIcons';
+	content: attr(data-icon);
+	speak: none;
+	font-weight: normal;
+	-webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+.icon-arrow:before, .icon-arrow-down:before, .icon-mail:before, .icon-checkmark:before, .icon-cancel:before {
+	font-family:'SublimeIcons';
+	font-style:normal;
+	speak:none;
+	font-weight: normal;
+	-webkit-font-smoothing: antialiased;
+}
+.icon-arrow:before {
+	content: "\5b";
+  font-size:75%;
+}
+.icon-arrow-down:before {
+	content: "\21";
+  font-size:25%;
+}
+.icon-mail:before {
+	content: "\22";
+}
+.icon-checkmark:before {
+	content: "\23";
+}
+.icon-cancel:before {
+	content: "\24";
+}

data/app/assets/stylesheets/sublimevideo.css.scss.erb

@@ -0,0 +1,947 @@
+/*
+*= require 'sublime_icons'
+*/
+
+@import "css3";
+
+* {
+  margin:0;
+  padding:0;
+}
+
+body {
+  font-family:proxima-nova-1,proxima-nova-2, Helvetica, Arial, sans-serif;
+  font-size:16px;
+  position:relative;
+  top:76px;
+  text-rendering:optimizeLegibility;
+}
+
+#dm_banner {
+  position:absolute;
+  width:100%;
+  height:76px;
+  top:-76px;
+  left:0;
+  right:0;
+  background:url(<%= asset_path "dm_banner_bg.png" %>) repeat-x;
+}
+
+#dm_banner a {
+  display:block;
+  margin:0 auto;
+  width:569px;
+  height:76px;
+  background:url(<%= asset_path "dm_banner.png" %>) no-repeat;
+}
+
+#dm_banner h2 {
+  display:none;
+}
+
+header {
+  min-width:1000px;
+  height:665px;
+  background:url(<%= asset_path "header_repeat.png" %>) repeat-x center top;
+}
+
+header .lights {
+  background:url(<%= asset_path "header_back_light.png" %>) center top no-repeat;
+  height:583px;
+}
+
+header .shadow {
+  height:583px;
+  background:url(<%= asset_path "header_inner_shadow.png" %>) bottom repeat-x;
+}
+
+header .stars {
+  min-height:130px;
+  background:url(<%= asset_path "header_stars.png" %>) center top no-repeat;
+}
+
+header .wrap {
+  width:960px;
+  margin:0 auto;
+  padding:22px 20px 0;
+  position:relative;
+}
+
+header h1 a {
+  display:block;
+  width:382px;
+  height:78px;
+  background:url(<%= asset_path 'sublimevideo_logo@2x.png' %>) no-repeat;
+  background-size:100%;
+  position:relative;
+  z-index:3;
+}
+
+@media \0screen {
+  header h1 a {
+    background: no-repeat center center fixed;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<%= asset_path 'sublimevideo_logo@2x.png' %>",sizingMethod='scale');
+    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<%= asset_path 'sublimevideo_logo@2x.png' %>', sizingMethod='scale')";
+  }
+}
+
+header h1 a span {display:none}
+
+header h2 {
+  color:#c1d3f0;
+  font-size:40px;
+  font-weight:600;
+  text-align:center;
+  padding:40px 0;
+  text-shadow:#001941 0 1px 4px;
+  -webkit-font-smoothing:antialiased;
+}
+
+header p.sub {
+  font-size:22px;
+  color:#afceff;
+  line-height:33px;
+  text-shadow:rgba(0,0,0,0.8) 0 1px 3px;
+  -webkit-font-smoothing:antialiased;
+}
+
+header p.sub a {
+  color:#e4efff;
+}
+
+#menu {
+  position:absolute;
+  top:50px;
+  right:0;
+  z-index:3;
+}
+
+#menu ul {
+  list-style-type:none;
+}
+
+#menu li {
+  float:left;
+}
+
+#menu li.popup_wrap {
+  position:relative;
+  margin-right:10px;
+}
+
+#menu li a, #menu li strong.trigger {
+  display:block;
+  padding:6px 10px 3px;
+  color:#cde5fe;
+  font-size:14px;
+  text-transform:uppercase;
+  letter-spacing:1px;
+  border:1px solid transparent;
+  text-shadow:#000 0 1px 2px;
+/*  font-weight:100;*/
+  @include transition(color,0.25s,linear);
+  -webkit-font-smoothing:antialiased;
+}
+
+#menu li a:hover {
+  color:#fff;
+}
+
+#menu ul li.active a {
+  border-color:#000;
+  text-shadow:rgba(0,0,0,0.8) 0 -1px 0;
+  @include border-radius(20px);
+  @include gradient(#114492, #207ec3, #1a65ae);
+  @include box-shadow((inset rgba(0,0,0,0.93) 0 1px 4px, rgba(144,191,255,0.2) 0 1px 0));
+}
+
+#menu li a.user {
+  text-transform:none;
+  letter-spacing:0;
+}
+
+#menu li a.user .icon {
+  background:url(<%= asset_path "user_header_icon.png" %>) no-repeat 0 2px;
+  padding:0 0 0 20px;
+}
+
+#menu li.active a.user .icon {
+  background:url(<%= asset_path "user_header_icon_active.png" %>) no-repeat 0 2px;
+}
+
+#menu li.signup a {
+  padding:7px 0 0;
+  width:74px;
+  height:23px;
+  font-size:13px;
+  font-weight:500;
+  color:#fff;
+  text-shadow:#000 0 1px 2px;
+  background:url(<%= asset_path "header_signup_btn.png" %>) no-repeat;
+  text-align:center;
+  -webkit-font-smoothing:subpixel-antialiased;
+}
+
+#menu li.signup a:active {background-position:0 -30px}
+
+#menu li.logged a {
+  font-weight:700;
+}
+
+#menu li.logout a {
+  padding:0;
+  width:15px;
+  height:18px;
+  margin:5px 0 0 6px;
+  background:url(<%= asset_path "logout.png" %>) no-repeat;
+}
+
+#menu li.logout span {display:none}
+
+#menu li strong.trigger {
+  display:inline-block;
+  font-weight:normal;
+  background:#0d131b;
+  padding:6px 6px 5px 8px;
+  cursor:pointer;
+  @include border-radius(4px);
+}
+
+#menu li strong.trigger span.icon-arrow-down {
+  position:relative;
+  top:-3px;
+}
+
+#menu li ul.popup {
+  display:none;
+  width:170px;
+  height:93px;
+  position:absolute;
+  z-index:999;
+  top:30px;
+  left:0;
+  @include gradient(#27354a,#19212e,#202b3c);
+  @include border-radius(4px);
+  @include box-shadow((inset #41597c 0 1px 0, #000 0 5px 25px));
+}
+
+#menu li.popup_wrap:hover ul.popup {display:block}
+
+#menu li ul.popup li {
+  float:none;
+  display:block;
+  height:30px;
+  border-top:1px solid #000;
+  @include box-shadow(inset rgba(161,195,255,0.16) 0 1px 0);
+}
+
+#menu li ul.popup li:first-child {
+  border-top:none;
+  @include box-shadow(none);
+}
+
+#menu li ul.popup li a, #menu li ul.popup li.active a {
+  height:20px;
+  padding:6px 10px 5px;
+  text-transform:none;
+  letter-spacing:0;
+  font-size:15px;
+  font-weight:600;
+  text-shadow:rgba(0,0,0,0.7) 0 -1px 0;
+  border:none;
+  @include border-radius(0);
+  @include box-shadow(none);
+  @include gradient(transparent,transparent,transparent);
+}
+
+#menu li ul.popup li a:hover {
+  background:rgba(12,17,25,0.6);
+}
+
+#menu li ul.popup li:first-child a {
+  @include border-radius(4px 4px 0 0);
+}
+
+#menu li ul.popup li:last-child a {
+  @include border-radius(0 0 4px 4px);
+}
+
+footer {
+  min-width:1000px;
+  height:331px;
+  background:#24334b url(<%= asset_path "footer_texture.png" %>) repeat-x;
+  text-shadow:#000 0 -1px 0;
+  color:#9eb5ce;
+  -webkit-font-smoothing:antialiased;
+}
+
+footer a {
+  color:#c3daff;
+  @include transition(color,0.25s,linear);
+}
+
+footer a:hover {color:#fff}
+
+footer .wrap {
+  width:900px;
+  margin:0 auto;
+  padding:45px 0 0;
+}
+
+footer nav {
+  width:500px;
+  float:left;
+}
+
+footer .col {
+  float:left;
+  padding:0 16px 40px;
+}
+
+footer .col h4 {
+  color:#667b9f;
+  font-size:16px;
+  font-weight:600;
+  padding:0 0 12px;
+}
+
+footer .col ul {
+  list-style-type:none;
+  font-size:14px;
+  line-height:30px;
+}
+
+footer .col li.jobs {
+  position:relative;
+}
+
+/*footer .col li.jobs span.note {
+  display:block;
+  width:82px;
+  height:45px;
+  background:url(<%= asset_path "jobs_highlight_note.png" %>) no-repeat 0;
+  position:absolute;
+  top:12px;
+  left:36px;
+  text-indent:250%;
+  white-space:nowrap;
+  overflow:hidden;
+}*/
+
+footer .right {
+  float:left;
+  font-size:20px;
+  padding:0 0 0 40px;
+}
+
+footer p.twitter {
+  margin:0 0 0;
+  padding:4px 0 0 42px;
+  background:url(<%= asset_path "twitter.png" %>) no-repeat;
+}
+
+footer p.twitter a {
+  color:#38ceff;
+}
+
+footer .newsletter {
+  margin:20px 0 0;
+  width:298px;
+}
+
+footer .newsletter label {
+  display:block;
+  color:#667b9f;
+  font-size:14px;
+  font-weight:600;
+  padding:0 0 5px;
+
+}
+
+footer .newsletter .field_wrap {
+  position:relative;
+}
+
+footer .newsletter input.field {
+  width:276px;
+  height:36px;
+  background:#f1f6ff;
+  text-shadow:rgba(255,255,255,0.2) 0 1px 0;
+  border:1px solid #162237;
+  font-size:17px;
+  font-weight:600;
+  font-family:inherit;
+  color:#1e3966;
+  padding:0 10px;
+  @include gradient(#627696,#7d91b1,#6e82a2);
+  @include border-radius(5px);
+  @include box-shadow((inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.09) 0 1px 0));
+}
+
+footer .newsletter input::-webkit-input-placeholder, footer .newsletter input.field.placeholder {color:#455773}
+footer .newsletter input:-moz-placeholder {color:#455773}
+
+footer .newsletter button {
+  width:26px;
+  height:26px;
+  position:absolute;
+  top:6px;
+  right:6px;
+  border: 1px solid #000;
+  @include gradient(#2e4263,#1b263a,#253550);
+  @include border-radius(3px);
+  @include box-shadow((inset #456395 0 1px 0, rgba(0,0,0,0.75) 0 1px 4px));
+}
+
+footer .newsletter button:active {
+  @include gradient(#1b263a,#2e4263,#253550);
+}
+
+footer .newsletter button:focus {
+  outline:0;
+  @include box-shadow((inset #456395 0 1px 0, rgba(0,0,0,0.75) 0 1px 4px, inset rgba(0,34,85,0.3) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0, #2a93ff 0 0 9px, #2a93ff 0 0 9px, #2a93ff 0 0 9px));
+}
+
+footer .newsletter button span {
+  overflow:hidden;
+  display:block;
+  width:8px;
+  height:12px;
+  margin:0 auto;
+  position:relative;
+  top:1px;
+  text-indent:-999px;
+  background:url(<%= asset_path "newsletter_btn_arrow.png" %>) no-repeat;
+}
+
+footer p.service_by {
+  font-size:15px;
+  margin:13px 0 34px;
+}
+
+footer a.jilion {
+  display:inline-block;
+  background:url(<%= asset_path "jilion.png" %>) no-repeat;
+  width:67px;
+  height:19px;
+  position:relative;
+  top:4px;
+  left:2px;
+}
+
+footer a.jilion span {display:none}
+
+footer .footer_break {
+  clear:both;
+  width:669px;
+  height:14px;
+  margin:0 auto;
+  background:url(<%= asset_path "footer_break.png" %> );
+}
+
+footer p.copyright {
+  padding:5px 0 0;
+  font-size:12px;
+  text-align:center;
+}
+
+footer .networks {
+  margin:25px 0 0;
+  position:relative;
+/*  top:36px;
+  left:36px;
+*/}
+
+footer .networks > div {
+  position:relative !important;
+  top:-2px !important;
+}
+
+footer p.copyright iframe {
+  display:inline;
+  margin-top:5px;
+}
+
+/* ========= */
+/* = Forms = */
+/* ========= */
+
+form .entry {
+  position:relative;
+  margin:10px 0;
+}
+
+form .entry .left_field, form .entry .right_field {
+  float:left;
+}
+
+
+form label.icon {
+  display:block;
+  position:absolute;
+  text-indent:-9999px;
+  overflow:hidden;
+  z-index:2;
+}
+
+form .entry input.text, form .entry textarea {
+  width:385px;
+  height:40px;
+  background:#f1f6ff;
+  text-shadow:#fff 0 1px 0;
+  border:1px solid #335994;
+  font-size:22px;
+  font-family:inherit;
+  color:#1e3966;
+  padding:0 5px 0 40px;
+  @include border-radius(5px);
+  @include box-shadow((inset rgba(0,34,85,0.3) 0 1px 3px, rgba(255,255,255,0.4) 0 1px 0));
+}
+
+form .entry textarea {
+  width:410px;
+  height:100px;
+  padding:8px 10px;
+  resize:vertical;
+}
+
+form .entry input.text.no_icon {
+  width:415px;
+  padding-left:10px;
+}
+
+form .entry.small_field input.text {
+  width:104px;
+}
+
+form .entry .left_field input.text, form .entry .left_field input.text.no_icon {
+  width:194px;
+  margin-right:10px;
+}
+
+form .entry .right_field input.text, form .entry .right_field input.text.no_icon {
+  width:194px;
+}
+
+form .entry input.text.errors, form .entry textarea.text.errors {
+  background:#ffd9d9;
+}
+
+form .entry input::-webkit-input-placeholder, form .entry textarea::-webkit-input-placeholder, form .entry input.text.placeholder {color:#7690b3}
+form .entry .errors::-webkit-input-placeholder, form .entry input.text.errors.placeholder, , form .entry textarea.text.errors.placeholder {color:#b37676}
+form .entry input:-moz-placeholder, form .entry textarea:-moz-placeholder {color:#7690b3}
+form .entry input.errors:-moz-placeholder, form .entry textarea.errors:-moz-placeholder {color:#b37676}
+
+form .entry .text:focus, form .entry textarea:focus, footer .newsletter input.field:focus {
+  outline:0;
+  @include box-shadow((inset rgba(0,34,85,0.3) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0, #2a93ff 0 0 9px, #2a93ff 0 0 9px, #2a93ff 0 0 9px));
+}
+
+form .entry.select select {
+  height:41px;
+  font-family:inherit;
+  font-size:22px;
+  color:#4a648e;
+  padding:0 24px 0 10px;
+  text-shadow:rgba(255,255,255,0.8) 0 1px 0;
+  background:url(<%= asset_path "custom_select.png" %>) no-repeat right top;
+  border:1px solid #335994;
+  @include border-radius(5px);
+  @include box-shadow((inset rgba(255,255,255,0.8) 0 1px 0, rgba(255,255,255,0.3) 0 1px 0));
+  -webkit-appearance:none;
+}
+
+form .entry.select select:focus, #content h2 select:focus {
+  border:1px solid #000;
+  @include box-shadow((inset rgba(255,255,255,0.8) 0 1px 0, rgba(255,255,255,0.1) 0 1px 0, #2a93ff 0 0 9px, #2a93ff 0 0 9px, #2a93ff 0 0 9px));
+}
+
+form .entry.select .left_field select, form .entry.select .right_field select {width:211px}
+
+.radio_wrap, .checkbox_wrap {
+  position:relative;
+  margin-top:4px;
+}
+
+.radio_wrap input, .checkbox_wrap input {
+  position:relative;
+  top:0;
+  left:0;
+  opacity:0;
+  width:34px;
+  height:34px;
+  z-index:2;
+  float:left;
+}
+
+.checkbox_wrap label {
+  position:relative;
+  display:block;
+  font-weight:600;
+  height:24px;
+  padding:9px 0 0 38px;
+  left:-6px;
+  background:url(<%= asset_path "custom_checkbox.png" %>) no-repeat;
+}
+
+.radio_wrap span.bg, .radio_wrap label {
+  position:relative;
+  display:block;
+  font-weight:600;
+  height:24px;
+  padding:9px 0 0 38px;
+  left:-6px;
+  background:url(<%= asset_path "custom_radio.png" %>) no-repeat;
+}
+
+.checkbox_wrap input:checked + label, .radio_wrap input:checked + label, .radio_wrap input:checked + span.bg {background-position:0 -34px}
+.checkbox_wrap input:focus + label, .radio_wrap input:focus + label, .radio_wrap input:focus + span.bg {background-position:0 -68px}
+.checkbox_wrap input:focus:checked + label, .radio_wrap input:focus:checked + label, .radio_wrap input:focus:checked + span.bg {background-position:0 -102px}
+
+.checkbox_wrap input:disabled + label,
+.radio_wrap input:disabled + label,
+.radio_wrap input:disabled + span.bg,
+form .entry select:disabled,
+form .entry input.text:disabled,
+form .entry textarea:disabled {
+  opacity:0.5;
+  filter:alpha(opacity=50);
+}
+
+form .inline_errors span, .inline_alert {
+  padding:2px 5px 2px;
+  font-size:13px;
+  color:#fff;
+  text-shadow:rgba(0,0,0,0.4) 0 -1px 0;
+  display:inline;
+  position:relative;
+  top:-1px;
+  left:10px;
+  border:1px solid #264067;
+  z-index:2;
+  @include gradient(#df001b,#8c0006,#b40011);
+  @include border-radius(0 0 4px 4px);
+  @include box-shadow((inset #f4002d 0 1px 0, rgba(0,0,0,0.4) 0 1px 3px))
+}
+
+form .inline_errors.plan span, #content form .entry.card .inline_errors span, form .entry.terms .inline_errors span, .inline_alert {
+  @include border-radius(4px);
+}
+
+.inline_alert a {
+  color:#fff;
+  text-decoration:underline;
+}
+
+/* =============== */
+/* = Label Icons = */
+/* =============== */
+
+form .site label.icon {
+  width:20px;
+  height:21px;
+  background:url(<%= asset_path "fields/domain_icon.png" %>) no-repeat;
+  top:12px;
+  left:10px;
+}
+
+form .entry.password label.icon {
+  width:16px;
+  height:21px;
+  background:url(<%= asset_path "fields/password_icon.png" %>) no-repeat;
+  top:10px;
+  left:12px;
+}
+
+form .entry.email label.icon {
+  width:20px;
+  height:21px;
+  background:url(<%= asset_path "fields/email_icon.png" %>) no-repeat;
+  top:12px;
+  left:10px;
+}
+
+form .name label.icon {
+  width:18px;
+  height:18px;
+  background:url(<%= asset_path "fields/user_icon.png" %>) no-repeat;
+  top:12px;
+  left:12px;
+}
+
+form .entry.card_number label.icon {
+  width:20px;
+  height:16px;
+  background:url(<%= asset_path "fields/card_icon.png" %>) no-repeat;
+  top:14px;
+  left:12px;
+}
+
+form .entry.path label.icon {
+  width:11px;
+  height:19px;
+  background:url(<%= asset_path "fields/path_icon.png" %>) no-repeat;
+  top:12px;
+  left:14px;
+}
+
+form .entry.ticket_subject label.icon {
+  width:21px;
+  height:19px;
+  background:url(<%= asset_path "fields/ticket_icon.png" %>) no-repeat;
+  top:12px;
+  left:12px;
+}
+
+ul.form_list {
+  list-style-type:none;
+  margin:40px 0 5px;
+  padding:10px 13px;
+  line-height:20px;
+  font-size:14px;
+  text-align:left;
+  background:#94a5c1;
+  background:rgba(30,57,102,0.1);
+  @include box-shadow((inset rgba(0,47,99,0.6) 0 1px 4px, rgba(255,255,255,0.3) 0 1px 0));
+  @include border-radius(4px);
+}
+
+ul.form_list li a {
+  color:#224375;
+  border-bottom:1px solid #708aa5;
+}
+
+/* =========== */
+/* = Buttons = */
+/* =========== */
+
+.green_button, .blue_button, #help #gsfn_search_results input {
+  font-family:inherit;
+  color:#fff;
+  text-shadow:rgba(0,0,0,0.9) 0 -1px 0;
+  border:1px solid #1a4224;
+  @include gradient(#00b95a,#007d31,#009843);
+  @include box-shadow((inset #00e896 0 1px 0, #001a41 0 1px 4px));
+  @include border-radius(6px);
+}
+
+.blue_button, #help #gsfn_search_results input {
+  display:inline-block;
+  padding:10px 18px;
+  font-size:24px;
+  font-size:22px;
+  border-color:#15253b;
+  @include gradient(#6685ae,#314f78,#4b6a93);
+  @inline border-radius(12px);
+  @include box-shadow((inset #8da4c3 0 1px 0, #001a41 0 1px 4px));
+}
+
+.green_button:active {
+  @include gradient(#007d31,#00b95a,#009843);
+}
+
+.blue_button:active, #help #gsfn_search_results input:active {
+  @include gradient(#314f78,#6685ae,#4b6a93);
+}
+
+.green_button:focus, .blue_button:focus, #help #gsfn_search_results input:focus {
+  outline:0;
+  @include box-shadow((inset #00e896 0 1px 0, #001a41 0 1px 4px, #2a93ff 0 0 9px, #2a93ff 0 0 9px, #2a93ff 0 0 9px));
+}
+
+.blue_button:focus, #help #gsfn_search_results input:focus {
+  @include box-shadow((inset #8da4c3 0 1px 0, #001a41 0 1px 4px, #2a93ff 0 0 9px, #2a93ff 0 0 9px, #2a93ff 0 0 9px));
+}
+
+.green_button:disabled, .blue_button:disabled, #help #gsfn_search_results input:disabled {
+  opacity:0.5;
+  filter:alpha(opacity=50);
+}
+
+/* ========= */
+/* = Popup = */
+/* ========= */
+
+.popup {
+  width:100%;
+  height:100%;
+  position:fixed;
+  top:0;
+  left:0;
+  bottom:0;
+  right:0;
+  z-index:100000;
+  color:#224375;
+  text-shadow:rgba(255,255,255,0.25) 0 1px 0;
+  background-color:rgba(0,0,0,0.3);
+  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */
+  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);   /* IE6 & 7 */
+  zoom:1;
+}
+
+.popup .popup_wrap {
+  position:absolute;
+  top:16%;
+  left:0;
+  right:0;
+  margin:0 auto;
+  width:512px;
+  background:#8ea6c2 url(<%= asset_path "back_texture_my.png" %>);
+  @include border-radius(5px);
+  @include box-shadow((inset rgba(255,255,255,0.6) 0 1px 0, #000d20 0 10px 40px));
+}
+
+.popup .lights {
+  @include gradient(rgba(255,255,255,0.3),rgba(255,255,255,0),transparent);
+  @include border-radius(5px);
+  padding:30px 40px;
+}
+
+.popup a.close {
+  display:block;
+  width:18px;
+  height:19px;
+  background:url(<%= asset_path "close_popup.png" %>) no-repeat;
+  position:absolute;
+  top:5px;
+  right:5px;
+}
+
+.popup a.close span {display:none}
+
+.popup h2.title {
+  font-size:36px;
+  font-weight:600;
+  padding:5px 0 25px;
+  color:#1e3966;
+  text-align:center;
+}
+
+.popup .break {
+  width:413px;
+  height:21px;
+  background:url(<%= asset_path "popup_break.png" %>) no-repeat;
+  margin:0 auto;
+}
+
+.popup .entry.terms {
+  text-align:center;
+  margin-top:0;
+}
+
+.popup .checkbox_wrap {
+  display:inline-block;
+}
+
+.checkbox_wrap a {
+  color:#224375;
+  border-bottom:1px solid #708aa5;
+}
+
+form .entry.sign_up {
+  padding:20px 0 0;
+}
+
+.popup .entry.sign_up {
+  text-align:center;
+}
+
+form .entry.sign_up input {
+  text-align:center;
+  width:150px;
+  height:56px;
+  background:url(<%= asset_path "popup_sign_up_btn.png" %>) no-repeat;
+  color:#fff;
+  font-family:inherit;
+  font-size:29px;
+  font-weight:500;
+  text-align:center;
+  border:none;
+  text-shadow:rgba(0,0,0,0.4) 0 1px 0;
+  @include border-radius(9px);
+  @include box-shadow(rgba(0,36,89,0.65) 0 1px 8px);
+}
+
+form .entry.sign_up input:active {background-position:0 -56px}
+
+form .entry.sign_up input:focus {
+  outline:0;
+  @include box-shadow((rgba(0,36,89,0.65) 0 1px 8px, #2a93ff 0 0 9px, #2a93ff 0 0 9px, #2a93ff 0 0 9px));
+}
+
+.entry.login {
+  padding:20px 0 0;
+}
+
+.entry.login .blue_button {
+  float:left;
+  padding:20px 0;
+  font-size:28px;
+  width:144px;
+}
+
+.entry.login ul.form_list {
+  width:246px;
+  float:left;
+  font-size:13px;
+  padding:8px 11px;
+  margin:0 0 0 19px;
+}
+
+.popup .alert {
+  text-align:center;
+}
+
+.popup .inline_alert {
+  left:auto;
+  top:-13px;
+}
+
+.spacer {clear:both}
+
+.capitalize {text-transform:capitalize}
+
+a {
+  text-decoration:none;
+  outline:0;
+}
+
+header, section, nav, aside, footer {display:block}
+
+input::-moz-focus-inner, button::-moz-focus-inner {border: 0}
+
+img {
+  border:none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
+}
+
+
+/* =============== */
+/* = Error pages = */
+/* =============== */
+
+.error #content {
+  width:960px;
+  margin:0 auto;
+  padding-bottom:40px;
+}
+
+.error section.box h3.title {
+  color:#003165;
+  font-size:38px;
+  font-weight:600;
+  padding:40px 0 10px;
+}
+
+.error section.box p {
+  font-size:20px;
+  line-height:30px;
+  padding:8px 0;
+}
+
+.error section p a {
+  color:#1185ff;
+  border-bottom:1px solid #81bbfc;
+}