@charset "UTF-8";
/* HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ========================================================== */
/* =============================================================================
 * HTML5 display definitions
 * ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]), [hidden] {
  display: none; }

/* =============================================================================
 * Base
 * ========================================================================== */
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
  color: #222; }

button, input, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design) */
*::-moz-selection, *::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

/* =============================================================================
 * Links
 * ========================================================================== */
a {
  color: #00e; }
  a:visited {
    color: #551a8b; }
  a:hover {
    color: #06e; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
/* =============================================================================
 * Typography
 * ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }
  q:before, q:after {
    content: "";
    content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
 * Lists
 * ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
 * Embedded content
 * ========================================================================== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/* Correct overflow not hidden in IE9 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
 * Figures
 * ========================================================================== */
figure, form {
  margin: 0; }

/* =============================================================================
 * Forms
 * ========================================================================== */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/* 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers */
button, input, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: middle; }

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input {
  line-height: normal; }

/* 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */
button {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/* Re-set default cursor for disabled elements */
button[disabled] {
  cursor: default; }

input[disabled] {
  cursor: default; }
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

/* Consistent box sizing and appearance */
/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* =============================================================================
 * Tables
 * ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
 * Chrome Frame Prompt
 * ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ==|== primary styles =====================================================
 * Author:
 * ========================================================================== */
/* ==|== media queries ======================================================
 * EXAMPLE Media Query for Responsive Design.
 * This example overrides the primary ('mobile first') styles
 * Modify as content requires.
 * ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
/* ==|== non-semantic helper classes ========================================
 * Please define your styles before this section.
 * ========================================================================== */
/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* ==|== print styles =======================================================
 * Print styles.
 * Inlined to avoid required HTTP connection: h5bp.com/r
 * ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after {
    content: ""; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
.user-row th {
  padding-bottom: 20px;
  text-align: left;
  white-space: pre;
  width: inherit; }

.user-row td {
  font-size: 12px;
  word-break: break-all; }

@-webkit-keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
@-moz-keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
@-ms-keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
@keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
/* Copyright CodeGuard, All Rights Reserved */
/* HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ========================================================== */
/* =============================================================================
 * HTML5 display definitions
 * ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]), [hidden] {
  display: none; }

/* =============================================================================
 * Base
 * ========================================================================== */
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
  color: #222; }

button, input, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design) */
*::-moz-selection, *::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

/* =============================================================================
 * Links
 * ========================================================================== */
a {
  color: #00e; }
  a:visited {
    color: #551a8b; }
  a:hover {
    color: #06e; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
/* =============================================================================
 * Typography
 * ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }
  q:before, q:after {
    content: "";
    content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
 * Lists
 * ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
 * Embedded content
 * ========================================================================== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/* Correct overflow not hidden in IE9 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
 * Figures
 * ========================================================================== */
figure, form {
  margin: 0; }

/* =============================================================================
 * Forms
 * ========================================================================== */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/* 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers */
button, input, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: middle; }

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input {
  line-height: normal; }

/* 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */
button {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/* Re-set default cursor for disabled elements */
button[disabled] {
  cursor: default; }

input[disabled] {
  cursor: default; }
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

/* Consistent box sizing and appearance */
/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* =============================================================================
 * Tables
 * ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
 * Chrome Frame Prompt
 * ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ==|== primary styles =====================================================
 * Author:
 * ========================================================================== */
/* ==|== media queries ======================================================
 * EXAMPLE Media Query for Responsive Design.
 * This example overrides the primary ('mobile first') styles
 * Modify as content requires.
 * ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
/* ==|== non-semantic helper classes ========================================
 * Please define your styles before this section.
 * ========================================================================== */
/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* ==|== print styles =======================================================
 * Print styles.
 * Inlined to avoid required HTTP connection: h5bp.com/r
 * ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after {
    content: ""; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("webfonts/opensans/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("webfonts/opensans/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("webfonts/opensans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("webfonts/opensans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("webfonts/opensans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("webfonts/opensans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("webfonts/opensans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("webfonts/opensans/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("webfonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("webfonts/opensans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("webfonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("webfonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("webfonts/opensans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("webfonts/opensans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("webfonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("webfonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("webfonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("webfonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("webfonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("webfonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("webfonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("webfonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("webfonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("webfonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
/* END Extrabold Italic */
@-webkit-keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
@-moz-keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
@-ms-keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
@keyframes blue-pulse {
  0% {
    background: #afe2f9;
    opacity: 0.8; }
  50% {
    background: #7acff5;
    opacity: 1; }
  100% {
    background: #afe2f9;
    opacity: 0.8; } }
form {
  margin: 0;
  padding: 0; }
  form select {
    width: 80%;
    vertical-align: middle;
    font-size: 16px;
    border-radius: 5px;
    height: 44px;
    background: transparent !important; }
  form + aside {
    width: 40%;
    float: right;
    margin-top: 2em; }
  form label {
    display: block;
    font: 600 16px/2.3 "Open Sans", sans-serif;
    color: #737373; }
  form input[type=text], form input[type=password], form textarea {
    font-size: 16px;
    color: #737373;
    padding: 5px 10px;
    font-family: "Open Sans", sans-serif;
    height: 44px;
    border: 1px solid #c5c5c5;
    border-radius: 5px; }
    form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
      border-color: #00b073;
      outline: none;
      -webkit-box-shadow: 0 0 1px #00b073;
      -moz-box-shadow: 0 0 1px #00b073;
      box-shadow: 0 0 1px #00b073;
      color: #737373; }
    form input[type=text]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
      color: #c4c4c4; }
    form input[type=text]::-moz-placeholder, form input[type=password]::-moz-placeholder, form textarea::-moz-placeholder {
      color: #c4c4c4; }
    form input[type=text]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form textarea:-ms-input-placeholder {
      color: #c4c4c4; }
    form input[type=text]:-moz-placeholder, form input[type=password]:-moz-placeholder, form textarea:-moz-placeholder {
      color: #c4c4c4; }
  form input[type=text], form input[type=password], form input[type=number] {
    height: 44px;
    width: 80%; }
  form input[type='submit'], form input[type='submit'].feature-button {
    display: inline-block;
    margin-bottom: 5px;
    border: none;
    background: #00b073;
    background-image: none;
    color: #ffffff !important;
    font: 600 16px/2.6 "Open Sans", sans-serif;
    text-decoration: none;
    height: 44px;
    vertical-align: top;
    padding: 0 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    form input[type='submit']:hover, form input[type='submit']:focus, form input[type='submit'].feature-button:hover, form input[type='submit'].feature-button:focus {
      color: #ffffff;
      background-color: #008e5d; }
    form input[type='submit'].alt, form input[type='submit'].feature-button.alt {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.1;
      padding: 0.8em !important;
      position: relative;
      top: -2px;
      height: auto;
      top: -0.125rem; }
  form input[type='submit'].outlined-button {
    display: inline-block;
    margin-bottom: 5px;
    border: 2px solid #00b073;
    background: none;
    background-image: none;
    color: #00b073 !important;
    font: 600 16px/2.6 "Open Sans", sans-serif;
    text-decoration: none;
    height: 44px;
    padding: 0 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    form input[type='submit'].outlined-button:hover, form input[type='submit'].outlined-button:focus {
      border: 2px solid #008e5d;
      color: #008e5d !important;
      background: none; }
    form input[type='submit'].outlined-button.alt {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.1;
      padding: 0.8em;
      position: relative;
      top: -2px;
      height: auto;
      top: -0.125rem; }
  form input[type='submit'].attention-button {
    display: inline-block;
    margin-bottom: 5px;
    border: 2px solid #DBDBDB;
    background: none;
    background-image: none;
    color: #4A5760 !important;
    font: 600 16px/2.6 "Open Sans", sans-serif;
    text-decoration: none;
    height: 44px;
    padding: 0 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    form input[type='submit'].attention-button:hover, form input[type='submit'].attention-button:focus {
      border: 2px solid #4A5760;
      color: #4A5760 !important;
      background: none; }
    form input[type='submit'].attention-button.alt {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.1;
      padding: 0.8em;
      position: relative;
      top: -2px;
      height: auto;
      top: -0.125rem; }
  form input[type='submit'].destructive-button {
    display: inline-block;
    margin-bottom: 5px;
    border: none;
    background: #F34336;
    background-image: none;
    color: #ffffff !important;
    font: 600 16px/2.6 "Open Sans", sans-serif;
    text-decoration: none;
    height: 44px;
    padding: 0 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    form input[type='submit'].destructive-button:hover, form input[type='submit'].destructive-button:focus {
      color: #ffffff;
      background-color: #B42223; }
    form input[type='submit'].destructive-button.alt {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.1;
      padding: 0.8em;
      position: relative;
      top: -2px;
      height: auto;
      top: -0.125rem; }
  form input#search {
    width: 92%;
    height: 45px;
    border-radius: 5px; }
  form .inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 1em;
    width: auto; }
    form .inline .inline {
      margin-right: 0; }
  form #dirtree {
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  form ol.fields {
    list-style: none;
    padding: 0;
    margin: 1em 0; }
    form ol.fields li {
      position: relative;
      margin-bottom: 1em; }
      form ol.fields li input[type=text], form ol.fields li input[type=password], form ol.fields li textarea, form ol.fields li input[type='number'] {
        width: 80%;
        display: block; }
    form ol.fields li.split input, form ol.fields li.split textarea {
      display: inline;
      width: 45%; }
    form ol.fields li input.text.error {
      background: #F5D0D0;
      border: 1px solid #E69797; }
  form ol.options {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    *zoom: 1;
    text-transform: none; }
    form ol.options:after {
      content: "";
      display: table;
      clear: both; }
    form ol.options li {
      float: left;
      text-transform: none; }
    form ol.options label {
      padding-right: 0; }
    form ol.options input {
      border: none;
      margin-right: 4px; }
  form p.actions {
    margin: 2em 0 1em; }
  form .form-field {
    border-bottom: 1px solid #f2f2f2;
    margin: 0;
    padding: 1em 0; }

input[type=text], input[type=password], textarea {
  font-size: 16px;
  color: #737373;
  padding: 5px 10px;
  font-family: "Open Sans", sans-serif;
  height: 44px;
  border: 1px solid #c5c5c5;
  border-radius: 5px; }
  input[type=text]:focus, input[type=password]:focus, textarea:focus {
    border-color: #00b073;
    outline: none;
    -webkit-box-shadow: 0 0 1px #00b073;
    -moz-box-shadow: 0 0 1px #00b073;
    box-shadow: 0 0 1px #00b073;
    color: #737373; }
  input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #c4c4c4; }
  input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {
    color: #c4c4c4; }
  input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #c4c4c4; }
  input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder {
    color: #c4c4c4; }

html.ie9 input, html.ie9 textarea, html.ie8 input, html.ie8 textarea, html.ie7 input, html.ie7 textarea {
  padding: 10px 0px 10px 0px; }

#errorExplanation {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: url("/images/stripes_bg.png") repeat;
  background-color: #fff6f6;
  border: 1px solid #C65656;
  width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important; }
  #errorExplanation h2, #errorExplanation p, #errorExplanation ul {
    margin: 0 0 0.25em; }
  #errorExplanation h2 {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem; }
  #errorExplanation p, #errorExplanation ul {
    font-size: 16px;
    font-family: "Open Sans", sans-serif; }
  #errorExplanation ul {
    padding-left: 0;
    list-style: inside; }

.fieldWithErrors input {
  border-color: rgba(0, 120, 215, 0.75); }

p.alert, p.notice, p.error {
  margin-top: 10px; }

.textarea {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  line-height: 1.4;
  min-height: 3.75em;
  font: lighter 16px/1.25 Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  padding: 0.65em 0.75em 0.45em;
  border: 1px solid #c5c5c5;
  background-image: -owg-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04)); }
  .textarea.social-message {
    width: 65%; }

select, div.styled {
  width: 12em;
  border-radius: 2px;
  border: solid 1px #ccc;
  padding: 0.4em; }

div.styled {
  background: #f0f0f0 url(/images/formelements-select.png) no-repeat 100% 0px !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  div.styled option {
    background: white; }

div.styled {
  width: 80%;
  overflow: hidden;
  padding: 0;
  margin: 0; }

.ie7 div.styled {
  border: none; }

div.styled select {
  width: 100%;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  box-shadow: none; }

.ie7 div.styled select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 0.3em 0.5em; }

.new_select_arrows {
  float: right;
  display: inline;
  margin-bottom: -50px;
  margin-top: 5px;
  position: relative;
  pointer-events: none; }

.set_rules input {
  display: inline-table !important; }
.set_rules a {
  margin-left: 10px; }

.options label {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  line-height: 20px; }
.options input[type=radio], .options input[type=checkbox] {
  display: none; }
.options label:before {
  content: "";
  display: inline;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #008e5d; }

label.cgradio:before {
  border-radius: 8px; }
label.cgcheckbox {
  margin-bottom: 10px; }
  label.cgcheckbox:before {
    border-radius: 3px; }
  label.cgcheckbox.disabled:before {
    opacity: 0.6; }

.options input[type=radio]:checked + label:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  color: #008e5d;
  font-size: 10px;
  text-align: center;
  line-height: 15px; }
.options input[type=checkbox]:checked + label:before {
  content: "";
  font-size: 10px;
  font-family: "Font Awesome 5 Free";
  color: #008e5d;
  text-align: center;
  line-height: 15px; }

.select_db_form li {
  float: none !important; }

.color_themes.options label:before {
  left: 8px; }

.switch_link_container ol.options li {
  float: none; }

.custom-select-style {
  padding: 0;
  margin-bottom: 20px;
  border: 1px solid #c5c5c5;
  width: 200px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  background: #fff url("/images/drop_down_arrow.png") no-repeat 95% 50%; }
  .custom-select-style select {
    padding: 0px 8px;
    color: #737373;
    font: 600 16px/2.3 "Open Sans", sans-serif;
    height: 35px !important;
    width: 100% !important;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .custom-select-style select:focus {
      outline: none; }

.cg-select-style {
  padding: 0;
  margin: 0;
  border: 2px solid #ccc;
  width: 165px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  background: #fff url("/images/drop_down_arrow.png") no-repeat 90% 50%; }
  .cg-select-style select {
    padding: 0px 8px;
    color: #737373;
    font: 600 16px/2.3 "Open Sans", sans-serif;
    height: 36px !important;
    width: 100% !important;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .cg-select-style select:focus {
      outline: none; }

@media only screen and (max-width: 992px) {
  .custom-select-style {
    width: 100%; }
    .custom-select-style select {
      float: none; } }
.viewport {
  margin: 0 auto;
  height: 100px;
  padding: 0 10px;
  width: 1000px;
  *zoom: 1; }
  .viewport:after {
    content: "";
    display: table;
    clear: both; }
  .viewport .pull {
    width: 455px; }

.viewport_cf {
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  *zoom: 1; }
  .viewport_cf:after {
    content: "";
    display: table;
    clear: both; }
  .viewport_cf .pull {
    width: 100%; }

#signup {
  width: 100%; }
  #signup div[role='main'] {
    min-height: 520px;
    margin-top: 40px; }
    #signup div[role='main'] a {
      color: #00b073;
      text-decoration: none;
      color: #00b073;
      text-decoration: none; }
    #signup div[role='main'] #workflow {
      overflow: hidden;
      *zoom: 1;
      padding: 0;
      margin: 0;
      list-style: none;
      -moz-border-radius-topleft: 5px;
      -webkit-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-right-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 1px solid #dfdfdf; }
      #signup div[role='main'] #workflow li {
        float: left;
        width: 25%;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.142857143;
        padding: 1.1em 0 0.9em;
        color: #909090;
        border-left: 1px solid #fff;
        background: #fafafa; }
        #signup div[role='main'] #workflow li:first-child {
          border-left: none; }
      #signup div[role='main'] #workflow strong {
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        font-size: 13px;
        line-height: 1.4em;
        position: relative;
        top: -1px; }
      #signup div[role='main'] #workflow em {
        text-transform: lowercase;
        font-size: 14px;
        font-family: Cambria, Georgia, Times, "Times New Roman", serif; }
      #signup div[role='main'] #workflow li.current {
        color: #737373;
        padding: 1.1em 0 0.9em;
        background: #00b073; }
        #signup div[role='main'] #workflow li.current em {
          display: block; }
      #signup div[role='main'] #workflow li.complete {
        color: #737373;
        background: #bbe1d4; }

#new_user {
  width: 95% !important; }
  #new_user .intl-tel-input {
    width: 100% !important; }

#signup_cf {
  position: relative;
  background: #f2f2f2 url(/images/bg-greytexture.png) repeat 0 0;
  z-index: 10;
  *zoom: 1; }
  #signup_cf:after {
    content: "";
    display: table;
    clear: both; }
  #signup_cf div[role='main'] {
    position: relative;
    z-index: 20;
    float: right;
    margin: 10px auto;
    padding-bottom: 25px;
    background: #fff;
    width: 100%;
    min-height: 600px; }
    #signup_cf div[role='main'] > * {
      padding-left: 50px;
      padding-right: 50px; }
    #signup_cf div[role='main'] h1 {
      margin-bottom: 0; }
    #signup_cf div[role='main'] h2 {
      font-weight: 400;
      color: #585b51;
      font-size: 21px; }
    #signup_cf div[role='main'] h3 {
      font-weight: 400;
      text-transform: uppercase;
      color: #a8a8a8; }
    #signup_cf div[role='main'] #workflow {
      overflow: hidden;
      *zoom: 1;
      padding: 0;
      margin: 0;
      list-style: none;
      -moz-border-radius-topleft: 5px;
      -webkit-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-right-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 1px solid #dfdfdf; }
      #signup_cf div[role='main'] #workflow li {
        float: left;
        width: 25%;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.142857143;
        padding: 1.1em 0 0.9em;
        color: #909090;
        border-left: 1px solid #fff;
        background: #fafafa; }
        #signup_cf div[role='main'] #workflow li:first-child {
          border-left: none; }
      #signup_cf div[role='main'] #workflow strong {
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        font-size: 13px;
        line-height: 1.4em;
        position: relative;
        top: -1px; }
      #signup_cf div[role='main'] #workflow em {
        text-transform: lowercase;
        font-size: 14px;
        font-family: Cambria, Georgia, Times, "Times New Roman", serif; }
      #signup_cf div[role='main'] #workflow li.current {
        color: #737373;
        padding: 1.1em 0 0.9em;
        background: #00b073; }
        #signup_cf div[role='main'] #workflow li.current em {
          display: block; }
      #signup_cf div[role='main'] #workflow li.complete {
        color: #737373;
        background: #bbe1d4; }

.workflow_advanced {
  background: #ececec !important; }
  .workflow_advanced li {
    width: 25% !important; }
    .workflow_advanced li div.social {
      padding-top: 1em;
      padding-bottom: 1em;
      margin: 1em 0;
      position: relative; }
      .workflow_advanced li div.social::after, .workflow_advanced li div.social::before {
        content: "";
        width: 100%;
        height: 9px;
        background: #fff url(/images/bg-white-wave-thin.png) repeat-x 0 0;
        display: block;
        position: absolute;
        left: 0;
        right: 0; }
      .workflow_advanced li div.social::before {
        top: 0; }
      .workflow_advanced li div.social::after {
        bottom: 0; }
      .workflow_advanced li div.social #comment {
        display: block;
        width: 100%;
        min-height: 3.75em;
        font: lighter 16px/1.25 "Open Sans", sans-serif;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        padding: 0.65em 0.75em 0.45em;
        border: 1px solid #c5c5c5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background-image: -owg-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
        background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
        background-image: -o-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
        background-image: linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04)); }
      .workflow_advanced li div.social ol.options {
        overflow: hidden;
        *zoom: 1;
        list-style: none;
        padding: 0; }
        .workflow_advanced li div.social ol.options li {
          float: left;
          width: 40%;
          margin-right: 10%;
          text-align: center; }
          .workflow_advanced li div.social ol.options li img {
            display: block;
            margin: 0 auto 0.25em; }
          .workflow_advanced li div.social ol.options li a {
            display: block;
            font-size: 14px;
            font-size: 0.875em; }
    .workflow_advanced li ol.queue {
      font-style: italic;
      list-style: decimal inside;
      margin: 0.5em 0 2em; }
      .workflow_advanced li ol.queue li {
        line-height: 1.5em;
        margin-bottom: 0.25em; }
  .workflow_advanced .pull {
    float: left;
    padding: 0.5em 24px 2em 46px;
    width: 440px; }
    .workflow_advanced .pull h2, .workflow_advanced .pull h3 {
      margin: 30px 0px 6px 0px;
      padding: 0px; }
      .workflow_advanced .pull h2 + p, .workflow_advanced .pull h3 + p {
        margin-top: 0; }

.actual_info {
  float: left; }

.confirm_images, .confirm_images2 {
  width: 20%;
  float: left; }
  .confirm_images img, .confirm_images2 img {
    width: 15px;
    height: auto;
    margin-left: 12px;
    cursor: pointer;
    opacity: 0.5; }
    .confirm_images img:hover, .confirm_images2 img:hover {
      opacity: 0.8;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }

.left_paid_create {
  float: left;
  width: 50%; }

.right_paid_create {
  float: left;
  width: 352px;
  max-height: 220px;
  border-bottom: 1px solid #DBDBDB;
  position: relative;
  right: 33px;
  margin-top: -80px;
  z-index: 1;
  padding: 0px 20px 0px 20px;
  -webkit-box-shadow: 0 8px 12px -6px #adadad;
  -moz-box-shadow: 0 8px 12px -6px #adadad;
  box-shadow: 0 8px 12px -6px #adadad;
  behavior: url(/javascripts/PIE.htc);
  behavior: url(/javascripts/PIE.htc); }
  .right_paid_create span.crop {
    display: block;
    background: #ececec;
    position: relative;
    top: -223px;
    right: 359px;
    transform: scale(0.36);
    -ms-transform: scale(0.36);
    -moz-transform: scale(0.36);
    -webkit-transform: scale(0.36);
    -o-transform: scale(0.36);
    behavior: url(/javascripts/PIE.htc);
    behavior: url(/javascripts/PIE.htc); }

.ss_dashboard_preview {
  width: 410px;
  position: relative;
  top: -5px;
  right: 50px;
  height: auto;
  font-weight: bold; }

.preview_p {
  font-family: "Open Sans", sans-serif;
  position: relative;
  font-style: normal;
  top: 20px;
  width: 340px;
  font-size: 15px !important;
  color: #404040;
  float: right; }

.flash_warning {
  position: relative;
  top: -410px;
  opacity: 0.5;
  font-style: italic !important;
  float: right;
  font-size: 12px !important;
  left: 30px !important;
  text-align: right; }

.ui-widget-content {
  background: url(/images/bg_86_percent.png) repeat; }

#dir_path_picker_loading_error {
  position: relative;
  margin-top: 10px; }
  #dir_path_picker_loading_error p {
    color: #f75c1f; }

.right_not_image {
  position: relative;
  float: left;
  width: 86%;
  padding-left: 0px !important; }

.right_not_image_container {
  float: right;
  padding: 0px !important;
  display: block;
  width: 50%;
  min-height: 100px; }

.ribbon_preview {
  width: 140px !important;
  height: auto;
  position: relative;
  top: 34px;
  float: right;
  left: 46px;
  z-index: 99; }

.homepage_screenshot_preview {
  position: relative;
  right: 34px;
  height: auto;
  margin: 35px 0px 0px 0px;
  border: 1px solid #ccc; }

.contain_image_div {
  width: 44%;
  margin-bottom: 13px;
  height: 260px;
  float: left; }

.ico_crop_load_arrows {
  -webkit-animation: spin 2s infinite linear !important;
  -moz-animation: spin 2s infinite linear !important;
  -o-animation: spin 2s infinite linear !important;
  -ms-animation: spin 2s infinite linear !important;
  position: relative;
  left: 130px;
  top: 140px; }

.ico_crop_load_arrows2 {
  -webkit-animation: spin 2s infinite linear !important;
  -moz-animation: spin 2s infinite linear !important;
  -o-animation: spin 2s infinite linear !important;
  -ms-animation: spin 2s infinite linear !important;
  position: relative;
  left: 180px;
  top: 120px; }

.detected_info_ul {
  float: left;
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 0px;
  margin-bottom: 0px; }
  .detected_info_ul li {
    list-style: none;
    font: normal 16px/1.25 "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.714;
    color: #666666;
    margin: 0 0 1em;
    border: 1px solid #CFCCCC !important;
    padding: 13px;
    padding-right: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    float: left;
    width: 100%; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
#context h2 {
  font: lighter 33px/1 "Open Sans", sans-serif;
  font-size: 2.0625rem;
  text-transform: none;
  text-shadow: none;
  color: #585b51;
  margin: 0;
  padding-top: 3.75em;
  padding-left: 270px; }
#context img {
  position: absolute;
  bottom: 0;
  margin: 0 auto; }
#context.create h2 {
  padding-top: 2em; }
#context.create img {
  top: 12px;
  bottom: auto;
  left: 80px; }
#context.connect h2 {
  padding-top: 2.5em; }
#context.connect img {
  left: 12px; }
#context.capture h2 {
  padding-left: 285px; }
#context.capture img {
  top: 6px;
  bottom: auto;
  left: 70px; }
#context.codeguard h2 {
  padding-left: 285px; }

form {
  margin: 0;
  padding: 0; }
  form label, form input, form textarea, form select {
    font: 16px/1.3334 "Open Sans", sans-serif;
    color: #737373;
    padding: 0.65em 0.75em 0.45em; }
  form label {
    padding-left: 0;
    font-weight: 600; }
  form input, form textarea, form select {
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    form input:focus, form textarea:focus, form select:focus {
      border-color: #00b073;
      outline: none;
      -webkit-box-shadow: 0 0 1px #00b073;
      -moz-box-shadow: 0 0 1px #00b073;
      box-shadow: 0 0 1px #00b073;
      background-image: none;
      color: #737373; }
  form input[type='submit'], form .test_website_url {
    display: inline-block;
    margin-bottom: 5px;
    border: none;
    background: #00b073;
    background-image: none;
    color: #ffffff !important;
    font: 600 16px/2.6 "Open Sans", sans-serif;
    text-decoration: none;
    height: 44px;
    vertical-align: top;
    padding: 0 20px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-family: "Open Sans", sans-serif; }
    form input[type='submit']:hover, form input[type='submit']:focus, form .test_website_url:hover, form .test_website_url:focus {
      color: #ffffff;
      background-color: #008e5d; }
    form input[type='submit'].alt, form .test_website_url.alt {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.1;
      padding: 0.8em !important;
      position: relative;
      top: -2px;
      height: auto;
      top: -0.125rem; }
  form #dirtree, form #dirtree2 {
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  form ol.fields {
    list-style: none;
    padding: 0; }
    form ol.fields li {
      position: relative;
      margin-bottom: 1.1em; }
    form ol.fields label {
      font-size: 16px;
      display: inline-block;
      margin: 20px 0 5px; }
    form ol.fields.open label, form ol.fields label.show {
      display: block; }
    form ol.fields input, form ol.fields textarea, form ol.fields select {
      width: 80%;
      display: block; }
    form ol.fields li.split input, form ol.fields li.split textarea, form ol.fields li.split select {
      width: 45%;
      display: inline; }
    form ol.fields li input.text.error {
      background: #F5D0D0;
      border: 1px solid #E69797; }
  form .port_field {
    width: 100%;
    float: left; }
  form ol.options {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: visible !important;
    overflow: hidden;
    *zoom: 1; }
    form ol.options label {
      padding-right: 0px; }
    form ol.options input {
      border: none; }

html.ie9 input, html.ie9 textarea, html.ie9 select, html.ie8 input, html.ie8 textarea, html.ie8 select, html.ie7 input, html.ie7 textarea, html.ie7 select {
  padding: 0.45em 0.75em 0.55em; }
html.ie9 ol.fields label, html.ie8 ol.fields label, html.ie7 ol.fields label {
  display: block; }

#errorExplanation {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: url("/images/stripes_bg.png") repeat;
  background-color: #fff6f6;
  border: 1px solid #C65656;
  width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important; }
  #errorExplanation h2, #errorExplanation p, #errorExplanation ul {
    margin: 0 0 0.25em; }
  #errorExplanation h2 {
    color: #0078D7 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem; }
  #errorExplanation p, #errorExplanation ul {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif; }
  #errorExplanation ul {
    margin-bottom: 0px;
    padding-left: 0;
    list-style: none; }

.fieldWithErrors input {
  border-color: rgba(0, 120, 215, 0.75); }

p.alert, p.notice {
  font: lighter 24px/1 "Open Sans", sans-serif;
  font-size: 1.5rem;
  text-transform: none;
  text-shadow: none;
  margin: 0 0 0.5em;
  padding: 1em 50px 0; }

p.notice {
  color: #585b51;
  background: transparent url(/images/icon-thumb-green.png) no-repeat 20px 90%; }

.loading_ajax {
  float: right;
  position: relative;
  top: 5px;
  right: 630px;
  color: #0078D7; }

/* directory tree styles */
#dirtree ins, #dirtree2 ins {
  background-color: transparent; }

#dirtree.ui-widget-content, #dirtree2.ui-widget-content {
  padding: 10px; }
  #dirtree.ui-widget-content li, #dirtree2.ui-widget-content li {
    margin: 0 0 0.5em 0; }

#dirtree ul li ul, #dirtree2 ul li ul {
  margin: 0.5em 1em; }

#dirtree .ui-state-default,
#dirtree .ui-widget-content .ui-state-default,
#dirtree .ui-widget-header .ui-state-default,
#dirtree2 .ui-state-default,
#dirtree2 .ui-widget-content .ui-state-default,
#dirtree2 .ui-widget-header .ui-state-default {
  border: none;
  background: transparent;
  padding: 0; }

#dirtree li.jstree-leaf .ui-state-active ins.ui-icon,
#dirtree li.jstree-leaf .ui-state-default ins.ui-icon,
#dirtree2 li.jstree-leaf .ui-state-active ins.ui-icon,
#dirtree2 li.jstree-leaf .ui-state-default ins.ui-icon {
  background: url(/images/fileicon.png); }

#dirtree .ui-state-active ins.ui-icon,
#dirtree .ui-state-default ins.ui-icon,
#dirtree2 .ui-state-active ins.ui-icon,
#dirtree2 .ui-state-default ins.ui-icon {
  background: url(/images/foldericon.png); }

#dirtree .ui-state-active,
#dirtree .ui-widget-content .ui-state-active,
#dirtree .ui-widget-header .ui-state-active,
#dirtree2 .ui-state-active,
#dirtree2 .ui-widget-content .ui-state-active,
#dirtree2 .ui-widget-header .ui-state-active {
  width: 95%;
  background: #9fc20a;
  color: white; }

#dir_path_picker {
  width: 100%;
  float: left; }

/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */
.jstree ins {
  background-image: url("/images/d.png");
  background-repeat: no-repeat;
  background-color: transparent; }

.jstree .jstree-checked > a > .jstree-checkbox {
  background-position: -38px -19px; }

.jstree .jstree-unchecked > a > .jstree-checkbox {
  background-position: -2px -19px; }

.jstree .jstree-undetermined > a > .jstree-checkbox {
  background-position: -20px -19px; }

.jstree .jstree-checked > a > .jstree-checkbox:hover {
  background-position: -38px -37px; }

.jstree .jstree-unchecked > a > .jstree-checkbox:hover {
  background-position: -2px -37px; }

.jstree .jstree-undetermined > a > .jstree-checkbox:hover {
  background-position: -20px -37px; }

.jstree ul {
  width: 1000px;
  position: relative;
  right: 120px; }

.jstree ul li {
  padding-left: 120px;
  padding-right: 1000px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0px; }

.jstree-checked {
  background: #E7EDDA;
  width: 100%; }

.jstree-unchecked .jstree-leaf {
  background: #fff; }

.containConfirm {
  width: 100%;
  margin-top: 20px; }

.confirm_tos {
  margin-top: 10px;
  display: block;
  float: left;
  margin-bottom: 5px; }
  .confirm_tos:first-child {
    width: 100%; }
  .confirm_tos:last-child {
    width: 100%; }
  .confirm_tos input {
    display: inline;
    float: left;
    width: auto;
    margin-right: 8px; }
  .confirm_tos span {
    float: left; }
  .confirm_tos label {
    font: normal 16px/1.25 "Open Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 1.714;
    color: #666666;
    float: left;
    position: relative;
    top: -11px; }

a.fake_create_link_test {
  display: inline-block;
  border: none;
  color: #fff !important;
  opacity: 0.5;
  behavior: url(/javascripts/PIE.htc);
  background: #00b073;
  background-image: none;
  font: 1.05em "Open Sans", sans-serif;
  font-size: 1.25rem;
  text-decoration: none;
  padding: 0.6em 1em 0.5em;
  padding-top: 9px;
  padding-bottom: 12px;
  position: relative;
  float: left;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  cursor: default !important;
  behavior: url(/javascripts/PIE.htc); }

.fake_create_link_test {
  margin-bottom: 13px; }

.button_holder_connect {
  width: 100%;
  float: left; }

.real_submit {
  float: right;
  margin-top: -5px !important;
  margin-bottom: 50px !important; }

.test_connection {
  display: inline;
  font-family: "Open Sans", sans-serif;
  behavior: url(/javascripts/PIE.htc);
  opacity: 10;
  cursor: pointer !important;
  margin-bottom: 13px;
  font-size: 1.05em;
  padding: 0.6em 0.7em 0.4em; }

.end_button {
  clear: both;
  margin: 0 auto; }
  .end_button input, .end_button a {
    margin: 0 auto;
    padding: 16px 60px 14px 60px !important;
    float: none;
    display: inline-block; }
  .end_button .loading_ajax_button {
    position: relative;
    top: -97px;
    left: 27px;
    float: right; }
  .end_button .loading_ajax_button_second_loader {
    float: right;
    position: relative;
    left: 27px;
    top: -41px; }

#dirtree.ui-widget-content li, #dirtree2.ui-widget-content li {
  margin: 0; }

.jstree ul li {
  font-size: 15px; }

.ui-state-default ul {
  margin-left: 10px; }

#dirtree ul li ul, #dirtree2 ul li ul {
  margin-left: 34px; }

.jstree-unchecked .jstree-leaf {
  background: none !important; }

p.resizeheadsup {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  background: url(/images/ico_resize_arrow.png) no-repeat 0% 50%;
  padding-left: 16px;
  paddinb-bottom: 5px;
  float: left; }

.normal_p {
  font: normal 16px/1.25 "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.714;
  color: #666666;
  margin: 0 0 1em; }

.h3_account_style {
  font: normal 24px "Open Sans", sans-serif;
  margin-bottom: 10px !important;
  color: #858585 !important;
  text-transform: none !important; }

.signup_hr {
  padding: 10px;
  position: relative;
  top: 14px; }

.signup_credentials {
  margin-top: 14px !important; }

#key_field textarea {
  font-size: 12px; }
#key_field ::-webkit-input-placeholder {
  font-size: 1.125rem; }
#key_field :-moz-placeholder {
  font-size: 1.125rem; }
#key_field ::-moz-placeholder {
  font-size: 1.125rem; }
#key_field :-ms-input-placeholder {
  font-size: 1.125rem; }
#key_field .pubkey {
  word-wrap: break-word;
  min-height: 170px; }

.float_btn_left {
  float: left;
  margin-bottom: 30px; }

label.show {
  padding: 0px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  font-size: 1rem !important; }

.new_signup_flow_errors, .new_signup_flow_errors2 {
  float: none; }
  .new_signup_flow_errors #errorExplanation, .new_signup_flow_errors2 #errorExplanation {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: url("/images/stripes_bg.png") repeat;
    background-color: #fff6f6;
    border: 1px solid #C65656;
    width: 100% !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important; }
    .new_signup_flow_errors #errorExplanation p, .new_signup_flow_errors #errorExplanation ul, .new_signup_flow_errors2 #errorExplanation p, .new_signup_flow_errors2 #errorExplanation ul {
      font-size: 16px;
      font-family: "Open Sans", sans-serif; }
    .new_signup_flow_errors #errorExplanation h2, .new_signup_flow_errors2 #errorExplanation h2 {
      font-weight: 600;
      font-size: 18px;
      font-size: 1.125rem;
      display: none; }
    .new_signup_flow_errors #errorExplanation li, .new_signup_flow_errors2 #errorExplanation li {
      -webkit-font-smoothing: antialiased !important;
      list-style: none;
      font-size: 16px !important;
      padding-right: 10px; }
    .new_signup_flow_errors #errorExplanation span, .new_signup_flow_errors2 #errorExplanation span {
      -webkit-font-smoothing: antialiased !important;
      font-size: 14px !important; }

.new_signup_flow_errors2 #errorExplanation {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: url("/images/stripes_bg.png") repeat;
  background-color: #fff6f6;
  border: 1px solid #C65656;
  width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important; }
  .new_signup_flow_errors2 #errorExplanation p {
    display: none; }
  .new_signup_flow_errors2 #errorExplanation h2 {
    display: none; }

.new_notice_success {
  font-family: "Open Sans", sans-serif;
  padding: 20px 0px 20px 155px;
  width: 417px !important;
  color: #fff !important;
  background: #B3D169 url(/images/success_notice.png) no-repeat 15% 50% !important;
  margin: 0 -50px 1em;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 600;
  list-style: none;
  font-size: 14px !important;
  padding-right: 10px;
  float: left; }

.right_helpful_tips {
  display: block;
  float: right;
  width: 27%;
  padding-left: 0px !important;
  margin-bottom: 0px;
  margin-top: 40px; }
  .right_helpful_tips p {
    padding: 20px; }
  .right_helpful_tips strong {
    font-size: 16px;
    display: block;
    color: #4B565E;
    margin-bottom: 10px; }

.wp_helpful_tips {
  display: block;
  border: none;
  float: right;
  width: 27%;
  padding: 20px;
  margin-bottom: 0px; }

.p_accurate {
  margin-bottom: 0px !important; }

.cg_welcome {
  position: absolute;
  left: 583px;
  width: 470px;
  height: auto;
  top: -83px;
  float: right;
  z-index: 999; }

li.provider_field {
  float: none !important; }
  li.provider_field input {
    position: relative;
    top: -1px;
    width: auto;
    height: auto; }

li.link_option {
  display: inline-block;
  margin-bottom: 10px; }
  li.link_option a {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    text-transform: none; }

#password_field p,
#key_field p {
  margin-top: 10px; }

.btn1 {
  float: left !important;
  width: 100% !important;
  margin-right: 50px;
  text-align: center;
  position: relative;
  display: inline-block; }

.btn2 {
  float: left !important;
  margin-top: 13px;
  text-align: center;
  position: relative;
  width: 100% !important;
  display: inline-block; }

#portal_rimrock_logo {
  width: 260px;
  height: 70px; }
  #portal_rimrock_logo a {
    background: none; }

#portal_websitedoctor_logo {
  width: 260px;
  height: 70px; }
  #portal_websitedoctor_logo a {
    background: none; }

#portal_four54creative_logo {
  width: 100px;
  height: auto;
  padding-right: 200px; }
  #portal_four54creative_logo a {
    background: none; }

#portal_pressimply_logo {
  width: 100px;
  height: auto;
  padding-right: 200px; }

#portal_threewdesign_logo {
  width: 100px;
  height: auto;
  padding-right: 230px; }
  #portal_threewdesign_logo a {
    background: none; }

#portal_tscdirect_logo {
  width: 260px;
  height: 70px; }
  #portal_tscdirect_logo a {
    background: none; }

#portal_escorpro_logo {
  width: 260px;
  height: 70px; }
  #portal_escorpro_logo a {
    background: none; }

#portal_backupsforwebsites_logo {
  width: 292px;
  height: 70px; }
  #portal_backupsforwebsites_logo a {
    background: none; }

#portal_webxmedia_logo {
  width: 290px;
  height: 70px; }
  #portal_webxmedia_logo a {
    background: none; }

#portal_tract_logo {
  width: 260px;
  height: 70px; }
  #portal_tract_logo a {
    background: none; }

#portal_ewaycorp_logo {
  width: 210px;
  height: 70px; }
  #portal_ewaycorp_logo a {
    background: none; }

#portal_saniihelp_logo {
  width: 210px;
  height: 70px; }
  #portal_saniihelp_logo a {
    background: none; }

#portal_liquidmedia_logo {
  width: 240px;
  height: 70px; }
  #portal_liquidmedia_logo a {
    background: none; }

#portal_webjobbing_logo {
  width: 240px;
  height: 70px; }
  #portal_webjobbing_logo a {
    background: none; }

#portal_highspeedwebservices_logo a, #portal_sandbox_logo a {
  background: none; }

#portal_bingdigital_logo {
  width: 240px;
  height: 70px; }
  #portal_bingdigital_logo a {
    background: none; }

#portal_cybernautic_logo {
  width: 240px;
  height: 70px; }
  #portal_cybernautic_logo a {
    background: none; }

#portal_carrdale_logo {
  width: 240px;
  height: 70px; }
  #portal_carrdale_logo a {
    background: none; }

#portal_instalogic_logo {
  width: 200px;
  height: 70px; }
  #portal_instalogic_logo a {
    background: none; }

#portal_sgtech_logo {
  width: 200px;
  height: 70px; }
  #portal_sgtech_logo a {
    background: none; }

#portal_shofsky_logo {
  width: 200px;
  height: 70px; }
  #portal_shofsky_logo a {
    background: none; }

#portal_vrazer_logo {
  width: 280px;
  height: 70px; }
  #portal_vrazer_logo a {
    background: none; }

#portal_fasthit_logo {
  width: 280px;
  height: 70px; }
  #portal_fasthit_logo a {
    background: none; }

#portal_atrain_logo {
  width: 280px;
  height: 70px; }
  #portal_atrain_logo a {
    background: none; }

#portal_avtec_logo {
  width: 210px;
  height: 70px; }
  #portal_avtec_logo a {
    background: none; }

#portal_orracle_logo {
  width: 240px;
  height: 70px; }
  #portal_orracle_logo a {
    background: none; }

#portal_seamrog_logo {
  width: 192px;
  height: 70px; }
  #portal_seamrog_logo a {
    background: none; }

#portal_websitebackup_logo {
  width: 260px;
  height: 70px; }
  #portal_websitebackup_logo a {
    background: none; }

#portal_fiveE_logo {
  width: 184px;
  height: 70px; }
  #portal_fiveE_logo a {
    background: none; }

#portal_egmmedia_logo {
  width: 250px;
  height: 70px; }
  #portal_egmmedia_logo a {
    background: none; }

#portal_logo {
  position: relative;
  top: 110px; }
  #portal_logo a {
    background: none; }

#notice_at_top {
  background: transparent url(/images/icon-thumb-green.png) no-repeat 20px 80%;
  font: lighter 24px/1 "Open Sans", sans-serif;
  font-size: 1.5rem;
  text-transform: none;
  text-shadow: none;
  margin: 0 0 0.5em;
  padding: 1em 50px 0;
  position: relative;
  top: 10px; }

#capture_button {
  font: lighter 1.05em "Open Sans", sans-serif;
  font-size: 1.25rem !important;
  padding: 0.6em 1em 0.5em !important; }

.rackspace_user {
  margin-top: 20px;
  width: 100%; }
  .rackspace_user label {
    display: block;
    position: relative;
    top: -10px;
    font-size: 16px; }

.rackspace_user2 {
  width: 100%; }
  .rackspace_user2 ol {
    margin-top: -12px;
    padding-left: 18px; }

.rackspace_capture_input {
  border: 1px solid #c5c5c5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.04)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.04));
  padding: 10px;
  width: 300px;
  margin-top: -15px; }

.rackspace_input {
  float: left;
  margin-top: 5px;
  margin-bottom: 25px; }

#capture_error_container {
  width: 590px; }
  #capture_error_container #errorExplanation {
    width: 100% !important;
    background-position: 7% 50% !important;
    padding: 15px 0px 15px 130px; }

.server_error {
  width: 490px; }
  .server_error #errorExplanation {
    padding: 15px 0px 15px 135px;
    width: 100% !important; }
    .server_error #errorExplanation ul li {
      margin-bottom: 0px !important; }

.load_root_contents {
  opacity: 10 !important;
  margin-top: 15px !important;
  display: inline-block;
  margin-bottom: 5px;
  border: none;
  background: #00b073;
  background-image: none;
  color: #ffffff !important;
  font: 600 16px/2.6 "Open Sans", sans-serif;
  text-decoration: none;
  height: 44px;
  vertical-align: top;
  padding: 0 20px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .load_root_contents:hover, .load_root_contents:focus {
    color: #ffffff;
    background-color: #008e5d; }
  .load_root_contents.alt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 0.8em !important;
    position: relative;
    top: -2px;
    height: auto;
    top: -0.125rem; }
  .load_root_contents:hover {
    cursor: pointer !important; }

.safari_error {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: url("/images/stripes_bg.png") repeat;
  background-color: #fff6f6;
  border: 1px solid #C65656;
  width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important; }
  .safari_error p {
    color: #fff !important; }

.fake_root_button {
  margin-top: 15px; }

.loading_ajax_root {
  position: relative;
  top: 24px;
  left: 10px; }

.rs_capture_table li a.ui-state-default {
  padding-right: 63px !important;
  transition: 0s;
  -webkit-transition: 0s;
  -moz-transition: 0s; }

.rs_capture_table .jstree-loading {
  background: url("/images/loading_rs_capture.png") no-repeat 100% 100% !important;
  background-size: 55px auto !important;
  padding-right: 63px !important; }

.rs_capture_table #dirtree2 .jstree-leaf .jstree-checkbox {
  background: none !important; }

.select_root_loader {
  top: 6px;
  right: 617px;
  float: right;
  position: relative; }

.dont_click {
  opacity: 0.5; }

.select_root_secondary {
  float: left;
  position: relative;
  left: 20px; }

#one-and-one .one {
  font-family: Courier, Times New Roman, serif;
  font-size: 21px; }
#one-and-one .and {
  margin-left: -3px;
  margin-right: -3px; }

.capheader1, .capheader2 {
  float: left;
  display: block;
  clear: both; }
  .capheader1 h2, .capheader2 h2 {
    float: left;
    display: block;
    clear: both;
    margin-top: 7px;
    margin-bottom: 0px;
    font-size: 22px !important; }
  .capheader1 p, .capheader2 p {
    float: left;
    display: block;
    padding: 20px 0; }

.resizeme {
  height: 280px;
  float: left;
  display: block;
  width: 100%; }

.capheader2 {
  margin-top: 20px;
  padding-top: 50px; }

.cap2Div {
  height: 667px;
  margin-bottom: 10px; }
  .cap2Div form {
    float: left;
    width: 100%; }

.cap2img {
  background: url("/images/bg_capturePrev_img.png") no-repeat 0% 0%;
  width: 100%;
  height: 421px;
  float: left; }

#dirtree2 .jstree-checked {
  background: none; }

.label_confirm_tos {
  display: block !important;
  text-align: left; }

.loading_ajax_open {
  position: absolute;
  margin-left: 10px;
  margin-top: 17px; }

.capActions {
  float: left;
  margin: 20px 0px 70px 0px;
  clear: both;
  width: 100%; }
  .capActions .fake_create_link {
    letter-spacing: 0px; }
  .capActions a, .capActions input {
    margin: 0 auto;
    float: none; }

.capOpenErrors {
  width: 100%; }
  .capOpenErrors .errorExplanation, .capOpenErrors #errorExplanation {
    margin-left: 0px;
    padding: 15px 10px 15px 132px;
    width: 100% !important;
    text-align: left; }
    .capOpenErrors .errorExplanation ul, .capOpenErrors #errorExplanation ul {
      position: relative;
      top: 1px;
      list-style: none; }

.capLoading {
  margin-top: -20px !important; }
  .capLoading p {
    margin-bottom: 0px; }

.connectOpen {
  margin-top: 70px; }

.capRight {
  float: right;
  width: 358px;
  padding-left: 0px !important; }

.checkAll {
  margin: 25px 0px 15px -2px;
  width: 120%;
  float: left; }
  .checkAll label {
    display: inline-block !important;
    font-size: 0.875rem !important;
    font-style: normal;
    line-height: 1.714;
    color: #666666;
    position: relative;
    top: -5px; }
  .checkAll input {
    width: auto !important;
    float: left;
    display: inline;
    position: relative;
    top: -17px; }
  .checkAll p {
    display: inline;
    font: normal 16px/1.25 "Open Sans", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.714;
    color: #666666;
    margin: 0px 10px;
    position: relative;
    top: -5px;
    float: left; }
  .checkAll a {
    font: normal 16px/1.25 "Open Sans", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.714;
    position: relative;
    top: -5px;
    float: left; }

.hideAdvanced {
  font: normal 16px/1.25 "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.714;
  float: right; }

.top_openflow {
  width: 65%;
  margin: 0 auto;
  text-align: center;
  clear: both; }
  .top_openflow #dir_path_picker_loading_error {
    margin-bottom: 20px !important; }

.wp_openFlow img, .wp_openFlow2 img {
  width: 100%; }
.wp_openFlow a, .wp_openFlow2 a {
  float: right; }

.openHeader p {
  color: #737373;
  margin: 20px auto;
  float: none !important; }

.openPlanDetails {
  border-top: 1px solid #ccc;
  width: 65%;
  clear: both;
  padding-top: 20px;
  margin: 0 auto;
  margin-top: 40px;
  height: 335px;
  line-height: 1.714;
  color: #666666; }
  .openPlanDetails h2 {
    text-align: center; }
  .openPlanDetails ul {
    margin: 0px;
    padding: 0px; }
    .openPlanDetails ul li {
      list-style: none;
      margin-bottom: 15px; }
      .openPlanDetails ul li:before {
        content: " ";
        background: url("/images/ico_check_paid_create.png") no-repeat 0% 50%;
        background-size: 13px auto;
        display: block;
        width: 15px;
        height: 10px;
        float: left;
        position: relative;
        top: 5px;
        margin-right: 7px; }
  .openPlanDetails .left {
    width: 40%;
    float: left; }
  .openPlanDetails .right {
    width: 60%;
    position: relative;
    left: 30px;
    padding-left: 10px;
    float: right; }

.next_buttons {
  float: right;
  margin-top: 0px; }

.connectOpenNext {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 65px; }
  .connectOpenNext a {
    float: right; }
  .connectOpenNext .loading_ajax_button {
    left: 452px; }

.protocolOpen {
  float: left;
  width: 64%;
  margin-bottom: 26px !important;
  margin-top: 10px !important; }

.portOpen {
  float: left;
  margin: 0px 0px 0px 6px !important;
  display: inline;
  width: 30%; }
  .portOpen li {
    width: 80%;
    margin-bottom: 0px !important; }

.containFAQ {
  background: #f2f2f2 url(/images/bg-greytexture.png) repeat 0 0;
  width: 100%;
  display: block;
  position: relative;
  top: -1px;
  z-index: 999;
  float: left;
  margin-top: -47px;
  padding-bottom: 50px; }

.openFAQ {
  margin: 0 auto;
  width: 880px; }
  .openFAQ h1 {
    margin-bottom: 0px;
    color: #6E6E6E;
    text-shadow: none;
    font-size: 28px;
    text-transform: none;
    font-weight: 600; }
  .openFAQ h2 {
    color: #7A7A7A;
    margin-bottom: 7px; }
  .openFAQ p {
    font: normal 16px/1.25;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.714;
    margin: 0 0 1em; }
  .openFAQ .left {
    float: left; }
  .openFAQ .right {
    float: right; }
  .openFAQ div {
    width: 45%; }

.advancedCap {
  width: 550px;
  margin: 0 auto !important; }

.codeActions {
  margin-top: 25px !important; }
  .codeActions span {
    margin: 0px 10px;
    position: relative;
    top: -1px; }

.connectOpenSuccess {
  width: 100% !important;
  margin-left: 0px !important;
  text-align: left !important;
  background-position: 6% 50% !important;
  padding: 20px 10px 20px 135px !important; }

.capsignupErrors {
  width: 100%;
  float: left;
  margin-bottom: 21px !important; }
  .capsignupErrors #errorExplanation, .capsignupErrors #errorExplanation2 {
    width: 100% !important;
    background-position: 6% 50% !important;
    margin: 0 auto;
    padding: 15px 10px 15px 130px !important; }
    .capsignupErrors #errorExplanation p, .capsignupErrors #errorExplanation2 p {
      display: block;
      text-align: left;
      font-style: normal;
      font-weight: 500;
      -webkit-font-smoothing: antialiased !important;
      font-smoothing: antialiased !important; }
      .capsignupErrors #errorExplanation p a, .capsignupErrors #errorExplanation2 p a {
        color: #fff;
        font-weight: bold; }

.openWorkflow li {
  width: 20% !important; }

#phoneNumber {
  display: none; }

.disableSubmit {
  pointer-events: none;
  opacity: 0.55;
  cursor: default !important; }
  .disableSubmit:hover {
    cursor: default !important; }

.loading_open {
  float: left;
  position: relative;
  top: 15px;
  left: 115px; }

.detectedInsert {
  background: #fbf3cc url("/images/stripes_bg.png") repeat;
  border: 1px solid #FFDF46;
  border-radius: 5px;
  padding: 15px 15px;
  border-radius: 4px;
  -webkit-border-radius: 5px;
  color: #000000;
  margin-top: 30px !important; }

.red_inline_failure {
  background: #fff6f6 url("/images/stripes_bg.png") repeat;
  border: 1px solid #ffa1a1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 13px 14px;
  width: 100%;
  margin-top: 20px;
  color: #000000; }
  .red_inline_failure a {
    color: #F26A33;
    text-decoration: underline; }
    .red_inline_failure a:hover {
      text-decoration: none; }

.whoops_error {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: url("/images/stripes_bg.png") repeat;
  background-color: #fff6f6;
  border: 1px solid #C65656;
  width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important; }
  .whoops_error p {
    color: #fff !important;
    position: relative;
    top: 7px;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.714; }
  .whoops_error ul {
    padding: 0px; }
    .whoops_error ul li {
      font-size: 0.875rem;
      line-height: 1.714;
      color: #fff;
      list-style: none; }
  .whoops_error a {
    color: #fff;
    font-weight: bold; }

.welcomeAboard {
  margin-top: 35px; }

.wp_plugin_h3 a {
  color: #1376D0; }
.wp_plugin_h3 h3 {
  background: url(/images/ico_wp_blue.png) no-repeat 0% 50%;
  background-size: 20px auto;
  font-weight: 600;
  padding-left: 29px; }

.signup_accesskey {
  width: 100%;
  height: 120px;
  margin-bottom: 30px;
  background: #F5F9FB;
  border: 1px solid #D8D8D8;
  padding: 20px;
  color: #737373;
  font-style: italic;
  font-size: 14px;
  line-height: 1.45em;
  overflow-y: hidden; }

.activate_plugin_wp .whoops_error {
  margin: 20px 0px 0px 0px;
  width: 100% !important;
  padding: 8px 37px 8px 139px; }
  .activate_plugin_wp .whoops_error p {
    margin-top: 0px;
    text-align: left; }

.key_loading_wp {
  width: 16px !important;
  height: auto;
  position: absolute;
  right: 180px;
  opacity: 0.5;
  margin-top: 15px; }

.get_key_wp_actions {
  width: 100%;
  float: right;
  clear: both; }

.cg_done_wp_ol {
  margin-top: 18px;
  padding: 0px;
  margin-left: 0px; }
  .cg_done_wp_ol li {
    margin-bottom: 10px;
    padding-right: 20px;
    list-style-position: inside; }
    .cg_done_wp_ol li:first-child {
      background: url(/images/ico_check_green.png) no-repeat 30% 50%;
      background-size: 12px auto; }
    .cg_done_wp_ol li:nth-child(2) {
      background: url(/images/ico_check_green.png) no-repeat 30% 50%;
      background-size: 12px auto; }
    .cg_done_wp_ol li:last-child {
      background: url(/images/loading.gif) no-repeat 30% 50%;
      background-size: 12px auto; }

input:invalid, textarea:invalid {
  background-color: transparent !important; }

.signup_whoops {
  width: 100% !important;
  margin-left: 0px;
  padding-left: 55px; }
  .signup_whoops p {
    top: 0px;
    margin-bottom: 12px; }

.fake_class {
  background: blue; }

/* Copyright CodeGuard, All Rights Reserved */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  *#zenbox_tab {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  *::-moz-selection, *::selection {
    background: #0078D7; }

*.outline {
  display: none; }

html {
  font-size: 100%;
  background: #ffffff;
  position: relative;
  -webkit-font-smoothing: antialiased; }

body {
  font: normal 16px/1.25 "Open Sans", sans-serif;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #737373;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  overflow-x: hidden; }

section, aside {
  *zoom: 1; }
  section:after, aside:after {
    content: "";
    display: table;
    clear: both; }

h1, h2, h3, h4, aside h2, h5, h6 {
  margin: 20px 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.6;
  color: #4B565E;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

h1 {
  font-size: 36px; }

h1 + * {
  margin-top: -10px;
  font-size: 20px; }

h1 + h5 {
  margin-top: -20px; }

h2 {
  font-size: 24px; }

h2.subtitle {
  clear: left;
  font-family: "Open Sans", sans-serif;
  margin-top: -10px;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px; }
  h2.subtitle a {
    color: #008e5d; }

h3 {
  font-size: 18px; }

h4, aside h2 {
  font-size: 16px; }

h4.disk_title, aside h2.disk_title {
  font-size: 16px;
  font-weight: 800;
  color: #ccd5db;
  letter-spacing: 1.4px; }

h4.comliheader, aside h2.comliheader {
  font-size: 16px;
  font-weight: 800;
  color: #ccd5db;
  letter-spacing: 1.4px; }
  h4.comliheader:before, aside h2.comliheader:before {
    border: 3px solid #00b073;
    content: " ";
    display: block;
    margin-bottom: 5px;
    position: relative;
    width: 33px;
    background: #00b073; }

h5 {
  font-size: 16px;
  font-weight: 600;
  color: #737373; }

h6 {
  font-size: 16px;
  color: #737373; }

a {
  -webkit-transition: all 333ms;
  -webkit-transition-delay: 0s;
  -moz-transition: all 333ms;
  -o-transition: all 333ms;
  transition: all 333ms false false;
  color: #737373; }
a:visited {
  color: #737373; }
a:hover {
  color: #00b073;
  text-decoration: none; }
a:focus {
  outline: thin dotted; }
a:hover, a:active {
  outline: 0; }

p {
  font-size: 16px;
  line-height: 1.5;
  color: #737373;
  margin: 0 0 1.5em;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  p a {
    -webkit-transition: all 333ms;
    -webkit-transition-delay: 0s;
    -moz-transition: all 333ms;
    -o-transition: all 333ms;
    transition: all 333ms false false;
    color: #00b073;
    text-decoration: none; }
  p a:visited {
    color: #00b073; }
  p a:hover {
    color: #00b073;
    text-decoration: underline; }
  p a:focus {
    outline: thin dotted; }
  p a:hover, p a:active {
    outline: 0; }

.normal_p {
  margin-top: 10px; }

strong {
  font-weight: 600; }

dl {
  *zoom: 1;
  margin: 0; }
  dl:after {
    content: "";
    display: table;
    clear: both; }
  dl dt, dl dd {
    float: left;
    width: auto;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 0.5em 0 0; }
  dl dt {
    font-weight: 300;
    line-height: 22px; }
  dl dd {
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    line-height: 19px;
    color: #666666; }
  dl dd + dt {
    margin-left: 1em; }

hr {
  clear: both;
  margin: 2em 0;
  position: relative; }
  hr.long {
    width: 100%; }
  hr.light {
    opacity: 0;
    position: relative;
    top: 15px; }
  hr.lighter {
    margin: 0px 0px 10px 30px;
    float: left;
    opacity: 0.6;
    width: 100%; }
  hr.wizardhr {
    margin-top: 400px;
    float: left;
    opacity: 0.6;
    width: 100%; }
  hr.thick {
    background: #f2f2f2;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: relatieve;
    left: 0px;
    height: 10px;
    margin-top: 37px; }

pre {
  background-color: #f5f5f5;
  border: 1px solid #c5c5c5;
  font-size: 12px;
  margin: 30px 0;
  padding: 1em; }

code {
  background-color: #f5f5f5;
  margin: 0 2px;
  padding: 0 5px; }

.sectionsep {
  margin-bottom: 50px !important;
  margin-top: 50px !important;
  *zoom: 1; }
  .sectionsep:after {
    content: "";
    display: table;
    clear: both; }
  .sectionsep p {
    margin-top: 10px; }

input.wptags, input.radio {
  display: none; }
input.wptags + label {
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
  position: relative;
  padding: 0px 0px 3px 25px;
  min-height: 18px;
  border-radius: 3px; }
input.wptags + label:hover {
  cursor: pointer; }
input.wptags + label:before {
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  left: 0rem;
  top: 0rem;
  border-radius: 3px;
  border: 1px solid #dddddd; }
input.radio + label:before {
  content: "";
  height: 16px;
  width: 16px;
  position: absolute;
  left: 0rem;
  top: 0rem; }
input.radio[disabled] + label:before {
  opacity: 0.5; }
input.wptags[disabled] + label:before {
  opacity: 0.5; }
input.radio[disabled] + label {
  color: rgba(0, 0, 0, 0.3); }
input.wptags[disabled] + label {
  color: rgba(0, 0, 0, 0.3); }
input.wptags:checked + label:before {
  content: "";
  font-family: "FontAwesome";
  color: #e7e7e7;
  text-align: center; }
input.wptags + label:before {
  background-color: #f5f5f5; }

/* Copyright CodeGuard, All Rights Reserved */
header[role='banner'] {
  overflow: hidden;
  *zoom: 1;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ddd;
  width: 100%;
  height: 76px;
  overflow: visible; }
  header[role='banner'] h1 {
    float: left;
    width: 240px;
    height: 48px;
    margin: 14px 0 0 0;
    display: none; }
    header[role='banner'] h1 a {
      display: block;
      width: 240px;
      height: 48px;
      background: transparent url(/images/logo_app.png) no-repeat 0 0;
      background-size: 100% !important;
      text-indent: -999em;
      color: transparent;
      text-shadow: none; }
  header[role='banner'] nav {
    margin: 30px 0;
    float: right;
    width: auto; }

header[role="banner"] a#portal_logo {
  background: transparent url(/images/logo_targetweb.png) no-repeat 0 0 !important;
  padding-bottom: 0px;
  position: relative;
  top: 11px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  padding-top: 80px;
  width: 240px; }

.targetweb {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_highspeedwebservices_logo {
  background: transparent url(/images/logo_highspeedwebservices.png) no-repeat 0 0 !important;
  padding-top: 10px;
  position: relative;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  padding-top: 80px;
  top: 2px;
  width: 260px; }

.highspeedwebservices {
  margin-bottom: -100px;
  float: left; }

header[role="banner"] a#portal_reechmediagroup_logo {
  background: transparent url(/images/logo_reechmediagroup.png) no-repeat 0 0 !important;
  position: relative;
  width: 100px !important;
  height: auto;
  padding-top: 80px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  left: 10px; }

.reechmediagroup {
  float: left;
  margin-bottom: -100px; }

header[role="banner"] a#portal_birddog_logo {
  background: transparent url(/images/logo_birddog.png) no-repeat 0 0 !important;
  position: relative;
  width: 100px !important;
  height: auto;
  padding-top: 80px;
  position: relative;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  left: 10px; }

.birddog {
  float: left;
  margin-bottom: -100px; }

header[role="banner"] a#portal_beringer_logo {
  background: transparent url(/images/logo_beringer.png) no-repeat 0 0 !important;
  position: relative;
  width: 187px;
  height: 68px;
  padding-top: 80px;
  position: relative;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none; }

.beringer {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_rimrock_logo {
  background: transparent url(/images/logo_rimrock.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  width: 260px;
  height: 70px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  top: 7px; }

.rimrock {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_websitedoctor_logo {
  background: transparent url(/images/logo_websitedoctor.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  width: 260px;
  height: 70px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  top: 10px; }

.websitedoctor {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_tscdirect_logo {
  background: transparent url(/images/logo_tscdirect.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  width: 260px;
  height: 70px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  top: 7pxfour; }

.tscdirect {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_four54creative_logo {
  background: transparent url(/images/logo_four54creative.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  width: 130px;
  height: auto;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none; }

.four54creative {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_pressimply_logo {
  background: transparent url(/images/logo_pressimply.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  width: 90px;
  height: auto;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 260px;
  top: 15px;
  left: 10px; }

.pressimply {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_threewdesign_logo {
  background: transparent url(/images/logo_threewdesign.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  width: 90px;
  height: auto;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.threewdesign {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_escorpro_logo {
  background: transparent url(/images/logo_escorpro.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.escorpro {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_websitebackup_logo {
  background: transparent url(/images/logo_websitebackup.png) no-repeat 0 0 !important;
  background-size: 170px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px;
  top: -2px; }

.websitebackup {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_tract_logo {
  background: transparent url(/images/logo_tract.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: 3px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.tract {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_ewaycorp_logo {
  background: transparent url(/images/logo_ewaycorp.png) no-repeat 0 0 !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: 10px;
  right: 240px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.ewaycorp {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_sanihelp_logo {
  background: transparent url(/images/logo_sanihelp.png) no-repeat 0 0 !important;
  background-size: 140px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: -10px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.sanihelp {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_liquidmedia_logo {
  background: transparent url(/images/logo_liquidmedia.png) no-repeat 0 0 !important;
  background-size: 240px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: 12px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.liquidmedia {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_webjobbing_logo {
  background: transparent url(/images/logo_webjobbing.png) no-repeat 0 0 !important;
  background-size: 73px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: -6px;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.webjobbing {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_bingdigital_logo {
  background: transparent url(/images/logo_bingdigital.png) no-repeat 0 0 !important;
  background-size: 175px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: -6px;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.bingdigital {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_cybernautic_logo {
  background: transparent url(/images/logo_cybernautic.png) no-repeat 0 0 !important;
  background-size: 180px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: -6px;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.cybernautic {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_carrdale_logo {
  background: transparent url(/images/logo_carrdale.png) no-repeat 0 0 !important;
  background-size: 200px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: 9px;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.carrdale {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_instalogic_logo {
  background: transparent url(/images/logo_instalogic.png) no-repeat 0 0 !important;
  background-size: 160px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 200px; }

.instalogic {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_sgtech_logo {
  background: transparent url(/images/logo_sgtech.png) no-repeat 0 0 !important;
  background-size: 160px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  top: 7px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 200px; }

.sgtech {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_shofsky_logo {
  background: transparent url(/images/logo_shofsky.png) no-repeat 0 0 !important;
  background-size: 160px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  top: 12px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 200px; }

.shofsky {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_vrazer_logo {
  background: transparent url(/images/logo_vrazer.png) no-repeat 0 0 !important;
  background-size: 280px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  top: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 280px; }

.vrazer {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_fasthit_logo {
  background: transparent url(/images/logo_fasthit.png) no-repeat 0 0 !important;
  background-size: 115px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 10px;
  top: -1px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 115px; }

.fasthit {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_atrain_logo {
  background: transparent url(/images/logo_atrain.png) no-repeat 0 0 !important;
  background-size: 250px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 10px;
  top: 8px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 250px; }

.atrain {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_avtec_logo {
  background: transparent url(/images/logo_avtec.png) no-repeat 0 0 !important;
  background-size: 210px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  top: -8px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 250px; }

.avtec {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_orracle_logo {
  background: transparent url(/images/logo_orracle.png) no-repeat 0 0 !important;
  background-size: 240px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  top: 12px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px; }

.orracle {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_seamrog_logo {
  background: transparent url(/images/logo_seamrog.png) no-repeat 0 0 !important;
  background-size: 192px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 192px; }

.seamrog {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_fiveE_logo {
  background: transparent url(/images/logo_fiveE.png) no-repeat 0 0 !important;
  background-size: 184px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 184px; }

.fiveE {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_egmmedia_logo {
  background: transparent url(/images/logo_egmmedia.png) no-repeat 0 0 !important;
  background-size: 250px auto !important;
  position: relative;
  padding-top: 80px;
  position: relative;
  height: auto;
  left: 5px;
  top: 0px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 250px; }

.egmmedia {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_backupsforwebsites_logo {
  background: transparent url(/images/logo_backupsforwebsites.png) no-repeat 0 0 !important;
  position: relative;
  background-size: 290px auto !important;
  top: 6px;
  padding-top: 80px;
  position: relative;
  height: auto;
  width: 290px !important;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none; }

.backupsforwebsites {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_webxmedia_logo {
  background: transparent url(/images/logo_webxmedia.png) no-repeat 0 0 !important;
  position: relative;
  background-size: 240px auto !important;
  padding-top: 80px;
  position: relative;
  height: auto;
  width: 240px !important;
  top: 4px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none; }

.webxmedia {
  margin-bottom: -100px !important;
  float: left; }

header[role="banner"] a#portal_sandbox_logo {
  background: transparent url(/images/logo_sandbox_dummy.png) no-repeat 0 0 !important;
  position: relative;
  top: 14px;
  display: block;
  text-indent: -999em;
  color: transparent;
  text-shadow: none;
  width: 240px;
  padding-top: 80px; }

.sandbox {
  float: left;
  margin-bottom: -100px !important; }

.url_tooltip {
  padding-right: 20px;
  width: auto;
  padding-top: 1px;
  display: inline-block; }

.url_tooltip2 {
  width: 365px;
  padding-top: 0px; }

.url_tooltip3 {
  width: auto;
  display: inline-block;
  padding-top: 0px; }

.footerwrapper {
  border-top: 3px solid #00b073;
  clear: both; }

footer[role='contentinfo'] {
  *zoom: 1;
  clear: both; }
  footer[role='contentinfo']:after {
    content: "";
    display: table;
    clear: both; }
  footer[role='contentinfo'] ul {
    width: auto;
    clear: left;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0; }
  footer[role='contentinfo'] li {
    float: left;
    margin-left: 20px; }
    footer[role='contentinfo'] li a {
      text-decoration: none;
      color: #a8a8a8; }
    footer[role='contentinfo'] li a:hover {
      color: #00b073; }
  footer[role='contentinfo'] p.copyright {
    width: auto;
    clear: left;
    float: left;
    margin: 0;
    margin-bottom: 40px;
    margin-top: 20px;
    color: #a8a8a8; }
  footer[role='contentinfo'] ul.social {
    float: right;
    clear: none; }
    footer[role='contentinfo'] ul.social li {
      float: right;
      list-style-type: none;
      padding-left: 5px; }
  footer[role='contentinfo'] ul.security {
    position: relative;
    top: 20px;
    clear: both;
    width: 500px;
    margin: 0 auto;
    margin-top: 10px;
    list-style-type: none; }

div[role='main'] {
  min-height: 520px; }

.add_new_features {
  float: left;
  clear: both;
  margin-bottom: 60px;
  display: block;
  width: 100%; }

.add_new_site_bg {
  background: #f9fffd url(/images/stripes_bg.png) repeat; }

.home_features {
  display: table;
  margin: 0;
  padding: 30px;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .home_features p {
    padding: 30px; }
  .home_features a {
    color: #00b073;
    text-decoration: none; }

aside {
  margin: 0;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  aside p {
    padding: 20px; }
  aside a {
    color: #00b073 !important;
    text-decoration: none; }
  aside h1 {
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    text-transform: none;
    color: #4B555D;
    margin: 0 0 0.5em;
    padding: 20px;
    border-bottom: 2px solid #f2f2f2; }
  aside ul, aside ol {
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    list-style: none; }
    aside ul li, aside ol li {
      margin-bottom: 1em;
      padding-top: 1em;
      border-top: 1px solid #f2f2f2; }
      aside ul li:first-child, aside ol li:first-child {
        padding-top: 0;
        border: none; }

.sidebar {
  margin: 0;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .sidebar p {
    padding: 20px; }
  .sidebar p.userscount {
    font-size: 36px;
    font-weight: 600;
    text-shadow: none;
    text-transform: none;
    color: #4B555D;
    margin: 0 0 0.5em;
    padding: 0 20px; }
  .sidebar a {
    color: #00b073;
    text-decoration: none; }
  .sidebar h1 {
    font-size: 20px;
    font-weight: 300;
    text-shadow: none;
    text-transform: none;
    color: #4B555D;
    margin: 0 0 0.5em;
    padding: 20px 20px 0 20px; }
  .sidebar h2 {
    font-size: 20px;
    font-weight: 300;
    text-shadow: none;
    text-transform: none;
    color: #4B555D;
    margin: 0 0 0.5em;
    padding: 20px 20px 0 20px; }
  .sidebar ul, .sidebar ol {
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    list-style: none; }
    .sidebar ul li, .sidebar ol li {
      margin-bottom: 1em;
      padding-top: 1em;
      border-top: 1px solid #f2f2f2; }
      .sidebar ul li:first-child, .sidebar ol li:first-child {
        padding-top: 0;
        border: none; }
  .sidebar .graphdataselect {
    padding: 20px 20px 0;
    text-align: center; }
    .sidebar .graphdataselect a.showcalendar {
      cursor: pointer; }
  .sidebar .graphdatafilter {
    padding: 20px;
    margin-bottom: 20px; }
    .sidebar .graphdatafilter .selectfilter {
      clear: both;
      margin-bottom: 20px; }
    .sidebar .graphdatafilter select {
      width: 100%; }
    .sidebar .graphdatafilter label {
      float: left;
      margin-right: 7px;
      width: 30%; }

a.big-button, a.fake_create_link, button, input.big-button, input.small-button, button.small-button, .partnerPortal.alt, a.feature-button, button, input.feature-button, a.real_submit, input.real_submit {
  display: inline-block;
  margin-bottom: 5px;
  border: none;
  background: #00b073;
  background-image: none;
  color: #ffffff !important;
  font: 600 16px/2.6 "Open Sans", sans-serif;
  text-decoration: none;
  height: 44px;
  vertical-align: top;
  padding: 0 20px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  a.big-button:hover, a.big-button:focus, a.fake_create_link:hover, a.fake_create_link:focus, button:hover, button:focus, input.big-button:hover, input.big-button:focus, input.small-button:hover, input.small-button:focus, button.small-button:hover, button.small-button:focus, .partnerPortal.alt:hover, .partnerPortal.alt:focus, a.feature-button:hover, a.feature-button:focus, button:hover, button:focus, input.feature-button:hover, input.feature-button:focus, a.real_submit:hover, a.real_submit:focus, input.real_submit:hover, input.real_submit:focus {
    color: #ffffff;
    background-color: #008e5d; }
  a.big-button.alt, a.fake_create_link.alt, button.alt, input.big-button.alt, input.small-button.alt, button.small-button.alt, .partnerPortal.alt.alt, a.feature-button.alt, button.alt, input.feature-button.alt, a.real_submit.alt, input.real_submit.alt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 0.8em !important;
    position: relative;
    top: -2px;
    height: auto;
    top: -0.125rem; }

a.feature-button, input.feature-button, button.feature-button, a.real_submit, input.real_submit {
  height: 50px !important;
  font-size: 20px !important;
  line-height: 2.6 !important; }

a.outlined-button, input.outlined-button, button.outlined-button {
  display: inline-block;
  margin-bottom: 5px;
  border: 2px solid #00b073;
  background: none;
  background-image: none;
  color: #00b073 !important;
  font: 600 16px/2.6 "Open Sans", sans-serif;
  text-decoration: none;
  height: 44px;
  padding: 0 20px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  a.outlined-button:hover, a.outlined-button:focus, input.outlined-button:hover, input.outlined-button:focus, button.outlined-button:hover, button.outlined-button:focus {
    border: 2px solid #008e5d;
    color: #008e5d !important;
    background: none; }
  a.outlined-button.alt, input.outlined-button.alt, button.outlined-button.alt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 0.8em;
    position: relative;
    top: -2px;
    height: auto;
    top: -0.125rem; }

a.attention-button, input.attention-button, button.attention-button, a.go-big, form p.actions a, a.go-home, .hide_db_message {
  display: inline-block;
  margin-bottom: 5px;
  border: 2px solid #DBDBDB;
  background: none;
  background-image: none;
  color: #4A5760 !important;
  font: 600 16px/2.6 "Open Sans", sans-serif;
  text-decoration: none;
  height: 44px;
  padding: 0 20px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  a.attention-button:hover, a.attention-button:focus, input.attention-button:hover, input.attention-button:focus, button.attention-button:hover, button.attention-button:focus, a.go-big:hover, form p.actions a:hover, a.go-big:focus, form p.actions a:focus, a.go-home:hover, a.go-home:focus, .hide_db_message:hover, .hide_db_message:focus {
    border: 2px solid #4A5760;
    color: #4A5760 !important;
    background: none; }
  a.attention-button.alt, input.attention-button.alt, button.attention-button.alt, a.go-big.alt, form p.actions a.alt, a.go-home.alt, .hide_db_message.alt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 0.8em;
    position: relative;
    top: -2px;
    height: auto;
    top: -0.125rem; }

a.destructive-button, input.destructive-button, button.destructive-button {
  display: inline-block;
  margin-bottom: 5px;
  border: none;
  background: #F34336;
  background-image: none;
  color: #ffffff !important;
  font: 600 16px/2.6 "Open Sans", sans-serif;
  text-decoration: none;
  height: 44px;
  padding: 0 20px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  a.destructive-button:hover, a.destructive-button:focus, input.destructive-button:hover, input.destructive-button:focus, button.destructive-button:hover, button.destructive-button:focus {
    color: #ffffff;
    background-color: #B42223; }
  a.destructive-button.alt, input.destructive-button.alt, button.destructive-button.alt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 0.8em;
    position: relative;
    top: -2px;
    height: auto;
    top: -0.125rem; }

a.small-button, input.small-button, button.small-button {
  background: #00b073;
  display: inline-block;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  padding: 6px 11px 6px 11px;
  color: #ffffff !important;
  cursor: pointer; }
  a.small-button:hover, a.small-button:focus, input.small-button:hover, input.small-button:focus, button.small-button:hover, button.small-button:focus {
    color: #ffffff;
    background: #008e5d; }

a.delete {
  background: url(/images/icon-error.gif) left center no-repeat;
  color: #00b073;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 1.5em; }

a.admin-button, input.admin-button, button.admin-button {
  border: 2px solid #DBDBDB;
  margin-bottom: 5px;
  background: none;
  background-image: none;
  color: #4A5760 !important;
  font: 600 16px/2.6 "Open Sans", sans-serif;
  text-decoration: none;
  height: 44px;
  padding: 10px 20px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  a.admin-button:hover, a.admin-button:focus, input.admin-button:hover, input.admin-button:focus, button.admin-button:hover, button.admin-button:focus {
    border: 2px solid #4A5760;
    color: #4A5760 !important;
    background: none; }
  a.admin-button.alt, input.admin-button.alt, button.admin-button.alt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 0.8em;
    position: relative;
    top: -2px;
    height: auto;
    top: -0.125rem; }

a.disable-button, input.disable-button, button.disable-button {
  background: #DBDBDB; }

a.disable-button {
  background: #DBDBDB; }
  a.disable-button:hover {
    background: #DBDBDB; }

input.disable-button {
  background: #DBDBDB; }
  input.disable-button:hover {
    background: #DBDBDB; }

button.disable-button {
  background: #DBDBDB; }
  button.disable-button:hover {
    background: #DBDBDB; }

.skip-link {
  line-height: 40px;
  margin-right: 30px;
  text-decoration: underline !important;
  color: #737373 !important; }
  .skip-link:visited {
    color: #737373 !important; }

.inline-link {
  font-size: 16px !important;
  line-height: 40px;
  text-decoration: none !important;
  color: #00b073 !important; }
  .inline-link:visited {
    color: #008e5d !important; }

.CgRangeCalendar {
  background: transparent;
  border: none;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  width: auto; }

.cg_on_off_switch *, *:before, *:after {
  box-sizing: border-box; }

.cg_on_off_switch_handle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }
  .cg_on_off_switch_handle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none; }

.cg_on_off_switch_handle-round-flat + label {
  padding: 2px;
  width: 62px;
  height: 30px;
  background-color: transparent;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  transition: background 0.4s; }
  .cg_on_off_switch_handle-round-flat + label:before {
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-color: transparent;
    border-radius: 30px;
    transition: background 0.4s; }
  .cg_on_off_switch_handle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 20px;
    background-color: black;
    border-radius: 20px;
    transition: margin 0.4s, background 0.4s; }
.cg_on_off_switch_handle-round-flat:checked + label {
  background-color: #00b073;
  border-color: #00b073; }
  .cg_on_off_switch_handle-round-flat:checked + label > .cg_on_off_switch_handle_text {
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal; }
    .cg_on_off_switch_handle-round-flat:checked + label > .cg_on_off_switch_handle_text:before {
      content: "on";
      color: white;
      left: 10px;
      right: auto; }
  .cg_on_off_switch_handle-round-flat:checked + label:after {
    margin-left: 32px;
    background-color: white; }
.cg_on_off_switch_handle-round-flat:disabled + label {
  background-color: #cecece;
  border-color: #cecece; }

.cg_on_off_switch-large .cg_on_off_switch_handle-round-flat + label {
  width: 80px;
  height: 40px;
  border-radius: 40px; }
  .cg_on_off_switch-large .cg_on_off_switch_handle-round-flat + label:after {
    width: 26px;
    border-radius: 26px;
    top: 6px;
    left: 6px;
    bottom: 6px; }
.cg_on_off_switch-large .cg_on_off_switch_handle-round-flat:checked + label:after {
  margin-left: 40px; }
.cg_on_off_switch-large .cg_on_off_switch_handle-round-flat:checked + label > .cg_on_off_switch_handle_text:before {
  left: 14px; }
.cg_on_off_switch-large .cg_on_off_switch_handle_text:before {
  font-size: 13px;
  right: 13px; }

.cg_on_off_switch_handle-round-flat + label:before,
.cg_on_off_switch_handle-round-flat + label:after {
  display: block;
  position: absolute;
  content: ""; }

.cg_on_off_switch_handle_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .cg_on_off_switch_handle_text:before {
    content: "off";
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800; }

@media only screen and (max-width: 992px) {
  .CgRangeCalendar {
    width: 55%; } }
nav#account {
  line-height: 48px;
  margin-top: 0px;
  margin-bottom: 0px; }
  nav#account a {
    font-size: 20px;
    font-weight: 600;
    color: #4B565E;
    text-decoration: none;
    margin: 0 0.5em;
    line-height: 75px;
    display: inline-table; }
    nav#account a:hover {
      color: #00b073;
      text-decoration: none; }

nav#account .dashboard:hover:after {
  background: #00b073;
  content: "";
  display: block;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

nav#account .partner-portal:hover:after {
  background: #00b073;
  content: "";
  display: block;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

a.top-nav-active:after {
  background: #00b073;
  content: "";
  display: block;
  margin-left: 0px;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

a.top-nav-active-inbox:after {
  background: #00b073;
  content: "";
  display: block;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

a.top-nav-active-settings:after {
  background: #00b073;
  content: "";
  display: block;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

nav#account .inbox:hover:after {
  background: #00b073;
  content: "";
  display: block;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

nav#account .menu_app_drop .level1:hover:after, nav#account .top_drop level1:hover:after {
  background: #00b073;
  content: "";
  display: block;
  margin-top: -7px;
  text-align: center;
  height: 8px; }

nav#codeguard {
  position: absolute;
  top: 70px;
  width: 121px;
  left: -121px; }
  nav#codeguard a {
    display: block;
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    color: #585b51;
    text-decoration: none;
    padding: 0.625em 0.5em 0.625em 2em;
    background: transparent none no-repeat 6px 44%;
    border-top: 1px solid #c5c5c5;
    text-align: right;
    float: right; }
    nav#codeguard a:first-child {
      border: none; }
    nav#codeguard a:hover, nav#codeguard a:focus {
      color: #00b073;
      text-decoration: underline; }
    nav#codeguard a.sites {
      background-image: url(/images/icon-person.png); }
    nav#codeguard a.inbox {
      background-image: url(/images/icon-inbox.png); }
    nav#codeguard a.partner-portal {
      background-image: url(/images/ico_partner_portal.png); }
    nav#codeguard a.admin-nav-item {
      padding: 3px 10px 3px 0px;
      position: relative;
      clear: right; }

.secondarynav {
  background: #4B565E;
  min-height: 135px; }

/* Wizards, breadcrums wil be use this section */
.thirdnav {
  background: #f9fffd url("/images/stripes_bg.png") repeat;
  border-bottom: 1px solid #ddd; }

/* Wizards section */
.cg_wizards ul {
  list-style: none;
  margin: 0;
  padding: 30px 0; }

.cg_wizards li {
  display: inline-block;
  text-align: center;
  padding-right: 65px; }

.cg_wizards .step {
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #909090;
  margin-top: 20px;
  letter-spacing: 2px;
  text-transform: uppercase; }

.cg_wizards .step_count {
  display: block;
  font-weight: 600;
  text-align: center;
  border: 2px solid #909090;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  line-height: 26px;
  margin: auto; }
.cg_wizards .wactive .wcompleted {
  background: #909090;
  color: #ffffff;
  font-weight: 300; }
.cg_wizards .wcurrent .step_count {
  background: #00b073;
  border: 2px solid #00b073;
  color: #ffffff; }
.cg_wizards .wcurrent .step {
  color: #00b073; }

.angry_text {
  color: #F24335; }

nav#website {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-left: -30px 0 30px; }
  nav#website a {
    display: inline-table;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 0 30px;
    min-width: 120px;
    white-space: nowrap; }
    nav#website a span {
      background: #fff;
      font-weight: normal;
      padding: 1px 6px;
      border-radius: 4px;
      border: 1px solid #ddd;
      text-shadow: none;
      font-size: 13px;
      color: #888;
      transition: 0.3s; }
    nav#website a:hover, nav#website a:focus {
      color: #ffffff;
      outline: none; }
      nav#website a:hover span, nav#website a:focus span {
        background: #00b073;
        color: #ffffff;
        transition: 0.4s; }
    nav#website a:first-child {
      margin-left: 0;
      padding-left: 0;
      min-width: auto; }
    nav#website a.current {
      color: #ffffff;
      font-weight: 600; }
      nav#website a.current:after {
        background: #00b073;
        content: "";
        display: block;
        height: 8px;
        margin-top: 12px; }
      nav#website a.current span {
        color: #585b51;
        transition: 0.4s; }

/* CSS for the new drop-down navigation */
nav#account a.activemenu::after, .menu_app_drop li:last-child a.activemenu:after {
  border: 3px solid #aecb4b;
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  width: 100%; }

.menu_app_drop {
  position: relative;
  z-index: 800 !important;
  position: relative;
  padding-left: 10px;
  float: right;
  z-index: 999; }

.top_drop {
  background: url(/images/drop_down_arrow.png) no-repeat 100% 50%; }
  .top_drop ul li a {
    margin: 0px !important; }

.admin_top_drop {
  background: url(/images/drop_down_arrow.png) no-repeat 100% 50%;
  padding-right: 7px; }
  .admin_top_drop ul li a {
    margin: 0px !important; }
  .admin_top_drop:hover {
    color: #9DC735 !important;
    padding-right: 7px !important; }

.menu_app_drop li {
  position: relative;
  list-style: none;
  display: block; }
  .menu_app_drop li a {
    display: block;
    margin: 6px 0;
    line-height: 100px;
    text-decoration: none;
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
    font-weight: 600;
    font-size: 20px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    text-transform: none;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #737373;
    text-decoration: none;
    margin: 0 0.5em; }
    .menu_app_drop li a:hover {
      text-decoration: underline; }

.menu_app_drop li:first-child a {
  border-left: none; }
.menu_app_drop li:last-child a {
  border-right: none; }

.menu_app_drop ul {
  position: absolute;
  height: auto;
  width: 330px;
  right: 0;
  top: 74px;
  background: #fff;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-transition: opacity 0.25s ease 0.1s;
  -moz-transition: opacity 0.25s ease 0.1s;
  -o-transition: opacity 0.25s ease 0.1s;
  -ms-transition: opacity 0.25s ease 0.1s;
  transition: opacity 0.25s ease 0.1s;
  border: 1px solid #dfdfdf;
  padding: 0px;
  margin: 0px; }
  .menu_app_drop ul li {
    overflow: hidden;
    padding: 0;
    -webkit-transition: height 0.25s ease 0.1s;
    -moz-transition: height 0.25s ease 0.1s;
    -o-transition: height 0.25s ease 0.1s;
    -ms-transition: height 0.25s ease 0.1s;
    transition: height 0.25s ease 0.1s; }
    .menu_app_drop ul li:nth-child(1) {
      -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; }
    .menu_app_drop ul li:nth-child(4) {
      -webkit-border-radius: 0px 0px 5px 5px;
      -moz-border-radius: 0px 0px 5px 5px;
      border-radius: 0px 0px 5px 5px; }
    .menu_app_drop ul li a {
      padding: 10px 40px;
      margin: 0;
      border: none;
      line-height: 33px !important; }
      .menu_app_drop ul li a:nth-child(1) {
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px; }
      .menu_app_drop ul li a:nth-child(4) {
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px; }
      .menu_app_drop ul li a:hover {
        text-decoration: none !important;
        color: #585B51; }
    .menu_app_drop ul li.logout_set a {
      border-top: 1px solid #dfdfdf;
      line-height: 65px;
      color: #F34336 !important;
      text-align: center;
      display: block !important; }
    .menu_app_drop ul li.disk_set {
      border-bottom: 1px solid #dfdfdf; }

.disk_set {
  padding: 0 40px !important; }
  .disk_set h4, .disk_set aside h2, aside .disk_set h2 {
    margin: 20px 0 10px; }
  .disk_set .disk_title {
    display: inline-block;
    max-width: 205px; }
  .disk_set .user_size {
    display: inline-block;
    width: 71%;
    font-size: 15px; }
  .disk_set .disk_upgrade {
    display: inline-block;
    width: 27%;
    font-size: 15px; }
    .disk_set .disk_upgrade a {
      width: 80px;
      display: inline-block !important;
      font-size: 16px !important;
      text-decoration: underline !important;
      padding: 0; }

.ico_disk_usage {
  position: relative;
  top: -5px;
  vertical-align: baseline; }
  .ico_disk_usage img {
    width: 13px;
    height: 13px;
    opacity: 0.9; }

.menu_app_drop li:hover {
  overflow: visible;
  padding: 0px; }

.hidden_top_ul li a {
  font-weight: 300 !important; }

.hidden_admin_top_ul li a {
  font-weight: 300 !important; }

/*# sourceMappingURL=signup_codeguard_default_theme.css.map */