
/************ rr-setup.css  ***********/

/*****css/css/base/rr-setup.css*****//*! Do not edit the css.  Instead edit the scss file. */
html {
  font-family: sans-serif;
  overflow-y: scroll;
}

body {
  padding: 0px;
  font-size: 14px;
  margin: 0;
}

div,
dt,
dd,
pre,
code,
form,
legend,
input,
button,
textarea,
p,
blockquote {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

em,
strong {
  font-weight: bold;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-side: top;
  margin-bottom: 1em;
}

td, th {
  padding: 0.5em;
  margin: 0;
}

.rr-th, th {
  /* recentchange:202210 padding: 0.5em; */
  font-weight: bold;
  text-align: left;
  /* recentchange:202210 margin: 0; */
}

fieldset {
  margin: 0;
  border: 0;
}

img {
  border: 0;
}

ul,
ol,
dl {
  margin: 1em;
}

ol,
ul {
  margin-left: 2em;
}

li {
  list-style: disc;
  margin: 0.15em 0em;
}
ul li {
  list-style: disc outside;
}
ol li {
  list-style: decimal outside;
}

table p {
  margin: 0.15em 0em;
}
table p + p {
  margin-top: 1em;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}

/*# sourceMappingURL=rr-setup.css.map */
/*****css(end)/css/base/rr-setup.css*****/


/************ rr-setup.css  ***********/


/************ 960.css  ***********/

/*****css/css/base/g960/code/css/uncompressed/960.css*****//*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}/*****css(end)/css/base/g960/code/css/uncompressed/960.css*****/


/************ 960.css  ***********/


/************ rr-layout-color.css  ***********/

/*****css/css/main/rr-layout-color.css*****//*! Do not edit the css! .  Instead edit the scss file.  */
@font-face {
  font-family: "AnonymousRegular";
  src: url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.eot?) format("eot"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.woff) format("woff"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.ttf) format("truetype"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.svg#AnonymousRegular) format("svg");
  font-weight: normal;
  font-style: normal;
}
td,
th {
  padding: 0 0.3em 0.3em 0;
  vertical-align: top;
}

ul {
  margin-bottom: 2em;
}

hr {
  /* recentchange:2024-05 border: none; */
  padding: 0;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  height: 1px;
}

code {
  word-wrap: break-word;
}

h1,
h2,
h3,
h4 {
  margin-top: 24px;
  margin-bottom: 10px;
  /*line-height: 1;*/
}

em {
  font-weight: bold;
  font-style: normal;
}

h1 {
  font-size: 1.45rem; /* recentchange:2023-08 em to rem */
  line-height: 2.175rem; /* recentchange:2023-08 added 1.5x */
}

h2 {
  font-size: 1.3rem; /* recentchange:2023-08 em to rem */
  line-height: 1.95rem; /* recentchange:2023-08 added 1.5x */
}

h3 {
  font-size: 1.2rem; /* recentchange:2023-08 em to rem */
  line-height: 1.8rem; /* recentchange:2023-08 added 1.5x */
}

h4 {
  font-size: 1.1rem; /* recentchange:2023-08 em to rem */
  line-height: 1.65rem; /* recentchange:2023-08 added 1.5x */
}

hr {
  clear: both;
}

ul,
p {
  margin-top: 0;
  margin-bottom: 10px;
}

p {
  clear: both;
  /* recentchange:202210 max-width: 620px;*/
}

ul li,
ol li {
  list-style-position: inside;
}

ul,
ol {
  padding-left: 0;
  margin-left: 0.8em;
  margin-right: 0;
}

td,
th {
  border: none;
}

html {
  font-family: "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;
}

h1,
h2 {
  clear: left;
}

h1 {
  margin-top: 0.3em;
}

blockquote {
  font-style: italic;
  margin: 0 1em 1em 10px;
}

li#checks,
li#alerts,
li#actions,
li#events,
li#reports,
li#contactdetails,
li#billing,
li#history,
li#add,
li#AA_EMAIL,
li#AA_SMS,
li#AA_VOICE,
li#AA_SSH,
li#AA_HTTP,
li#AA_FAILOVER,
li#sms,
li#voice,
li#ssh,
li#email,
li#http,
li#check,
li#freq,
li#status,
li#results,
li#alerts,
li#events,
li#delete,
li#new,
li#ticket,
li#send,
li#nosend {
  line-height: normal;
  font-size: 0.92em;
  margin: 10px 0 10px 60px;
  padding: 0;
}

#rrid-pageheader {
  margin: 0 auto;
  padding: 0;
}
#rrid-pageheader h1 {
  margin-top: 0.3em;
  margin-bottom: 0;
  padding: 0;
  font-size: 2.8em;
  text-align: left;
  line-height: normal;
}
#rrid-pageheader h1 a {
  padding: 0;
  margin: 0;
  height: 0;
}
#rrid-pageheader h1 a:hover {
  text-decoration: none;
}
#rrid-pageheader h1 a img {
  padding: 0;
}

.bc {
  display: block;
  text-align: left;
  margin-top: 1em;
  margin-bottom: 10px;
}
.bc div.grid_4 img {
  position: relative;
  top: 4px;
  margin: 10px 2px 0 15px;
}

#rrid-pagefooter {
  clear: both;
  float: none;
  margin-top: 0;
}
#rrid-pagefooter h4 {
  font-size: 13px;
  margin-top: 20px;
}
#rrid-pagefooter span {
  font-size: 13px;
}
#rrid-pagefooter div.grid_4 img {
  margin: 0 0 8px 4px;
  position: relative;
  top: 4px;
}

/*recentchange:202504 .rr-contains-app div {*/
/*recentchange:202504 list-style-type: none;*/
/* 2016-03-08 float: left;*/
/*recentchange:202504 width: 298px;*/
/*recentchange:202504 margin-top: 10px;*/
/*recentchange:202504 margin-bottom: 10px;*/
/*recentchange:202504 height: 78px;*/
/*recentchange:202504 }*/
#rrid-footer-site-links {
  height: 168px;
  margin-top: 10px;
  padding-top: 25px;
  background: none;
}
#rrid-footer-site-links a {
  margin-bottom: 12px;
  font-size: 14px;
  display: block;
}

.rr-insole {
  padding-top: 12px;
  position: relative;
}
.rr-insole p {
  font-size: 13px;
  margin: 6px 0;
  max-width: 940px;
}

.rr-app-title {
  font-weight: bold;
  letter-spacing: 0;
  font-size: 19px;
  font-weight: bold;
  /*recentchange:202504 left: 89px;*/
  /*recentchange:202504 margin: 15px 0 0 6px;*/
  /*recentchange:202504 position: absolute;*/
}

.rr-app-logo {
  min-width: 6rem;
  text-align: center;
}

ul.rr-app-title-desc {
  margin: 0em;
}
ul.rr-app-title-desc li { /*recentchange:202504 added */
  list-style: none;
  margin: 0em;
}

.rr-app-desc {
  font-size: 13px;
  display: block;
  /*recentchange:202504 margin: -39px 0 0 7px;*/
  /*recentchange:202504 position: absolute;*/
  /*recentchange:202504 left: 89px;*/
}

.rr-small-tm {
  font-size: 0.33em;
  position: relative;
  top: -1.33em;
  left: -0.67em;
}

.rr-margin-0 {
  margin: 0;
}

.rr-margin-50 {
  margin: 50px;
}

.rr-margin-hor-auto {
  margin-left: auto;
  margin-right: auto;
}

.rr-margin-hor-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.rr-margin-hor-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.rr-margin-hor-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.rr-margin-hor-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.rr-margin-hor-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.rr-margin-hor-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.rr-margin-ver-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.rr-margin-ver-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rr-margin-ver-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.rr-margin-ver-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.rr-margin-ver-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.rr-margin-ver-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.rr-margin-ver-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.rr-margin-ver-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.rr-margin-top-0 {
  margin-top: 0px;
}

.rr-margin-top-13 {
  margin-top: 13px;
}

.rr-margin-top-24 {
  margin-top: 24px;
}

.rr-margin-bottom-0 {
  margin-bottom: 0px;
}

.rr-margin-bottom-1 {
  margin-bottom: 1px;
}

.rr-margin-bottom-3 {
  margin-bottom: 3px;
}

.rr-margin-bottom-4 {
  margin-bottom: 4px;
}

.rr-margin-bottom-5 {
  margin-bottom: 5px;
}

.rr-margin-bottom-6 {
  margin-bottom: 6px;
}

.rr-margin-bottom-8 {
  margin-bottom: 8px;
}

.rr-margin-bottom-10 {
  margin-bottom: 10px;
}

.rr-margin-bottom-12 {
  margin-bottom: 12px;
}

.rr-margin-bottom-16 {
  margin-bottom: 16px;
}

.rr-margin-bottom-18 {
  margin-bottom: 18px;
}

.rr-margin-bottom-20 {
  margin-bottom: 20px;
}

.rr-margin-bottom-24 {
  margin-bottom: 24px;
}

.rr-margin-bottom-26 {
  margin-bottom: 26px;
}

.rr-margin-bottom-28 {
  margin-bottom: 28px;
}

.rr-margin-bottom-32 {
  margin-bottom: 32px;
}

.rr-margin-bottom-48 {
  margin-bottom: 48px;
}

.rr-margin-bottom-64 {
  margin-bottom: 64px;
}

.rr-margin-left-100 {
  margin-left: 100px;
}

.rr-padding-0 {
  padding: 0;
}

.rr-padding-12 {
  padding: 12px;
}

.rr-padding-hor-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.rr-padding-hor-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.rr-padding-bottom-180 {
  padding-bottom: 180px;
}

.rr-align-center {
  text-align: center;
}

.rr-is-hidden {
  display: none;
}

.rr-link {
  text-decoration: underline;
}
.rr-link :hover {
  cursor: pointer;
}

.rr-cp-links {
  font-size: 1.1em;
  line-height: 2.4;
}
.rr-cp-links a {
  font-size: 1.2em;
}

.rr-imagenav a {
  font-size: 1.2em;
}

.rr-imagenav .rr-secondary-links a {
  font-size: inherit;
}

.rr-float-right {
  float: right;
}

.rr-float-left {
  float: left;
}

.rr-clearboth {
  clear: both;
  display: block;
  float: none;
}

.rr-no-max-width {
  max-width: none;
}

.floatingdiv {
  margin: 0px auto;
  padding-top: 2.4em;
  padding-bottom: 0.4em;
  background: none;
  border: none;
}

.rr-font-1em {
  font-size: 1em;
}

.rr-font-17px {
  font-size: 17px;
}

.rr-font-1point2 {
  font-size: 1.2em;
}

.rr-font-16px {
  font-size: 16px;
}

.rr-error-message {
  border: none;
  font-weight: bold;
  padding: 1px 4px;
  display: inline;
}
.rr-error-message.rr-feedback-message {
  float: left;
}

/*
Menu structure:
rr-menu-level-0
 - rr-menu-level-1 (rr-menu-item-1 rr-menu-item-all)
  - rr-menu-level-2 (rr-menu-item-2 rr-menu-item-2 rr-menu-item-all)

renamed some classes:
cssrecentchange:202303-02
rr-topmenu-first => rr-menu-level-0
rr-contains-dropdown => rr-menu-level-1
rr-topmenu-second => rr-menu-level-2

delete iehover stuff?

https://sass-lang.com/documentation/style-rules

grep regex to find navigation stuff:
rrcaid-main-nav|rr-topmenu-first|rrid-toplevelmenudiv|rr-topmenu-second|rr-contains-dropdown|rr-hover|rid-mobile-menu-toggle|rrrh2id-pageheader|rr-menu-level-

*/
/*rr-layout 1*/
@media only screen and (min-width: 768px) {
  .rr-menu-level-0 {
    padding: 0px;
    display: block;
    /*cssrecentchange:202302-28 added div */
    /*cssrecentchange:2023-03-03 removed / * cssrecentchange:2023-02-28 added * / a {
        border: 1px solid;
        border-bottom: none;
    }*/
  }
  .rr-menu-level-0 ul {
    font-size: 0.88em;
  }
  .rr-menu-level-0 li {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    float: left;
    border: none;
    position: relative;
  }
  .rr-menu-level-0 li:hover, .rr-menu-level-0 li.rr-hover {
    /*recentchange:202010: css.  didn't used to have the a qualifier */
  }
  .rr-menu-level-0 li:hover a, .rr-menu-level-0 li.rr-hover a {
    text-decoration: underline;
  }
  .rr-menu-level-0 li:hover ul, .rr-menu-level-0 li.rr-hover ul {
    display: block;
  }
  .rr-menu-level-0 li:hover li a, .rr-menu-level-0 li.rr-hover li a {
    text-decoration: none;
  }
  .rr-menu-level-0 li:hover li:hover a, .rr-menu-level-0 li:hover li.rr-hover a, .rr-menu-level-0 li.rr-hover li:hover a, .rr-menu-level-0 li.rr-hover li.rr-hover a {
    text-decoration: underline;
  }
  .rr-menu-level-0 li:hover li:hover li:hover a, .rr-menu-level-0 li:hover li:hover li.rr-hover a, .rr-menu-level-0 li:hover li.rr-hover li:hover a, .rr-menu-level-0 li:hover li.rr-hover li.rr-hover a, .rr-menu-level-0 li.rr-hover li:hover li:hover a, .rr-menu-level-0 li.rr-hover li:hover li.rr-hover a, .rr-menu-level-0 li.rr-hover li.rr-hover li:hover a, .rr-menu-level-0 li.rr-hover li.rr-hover li.rr-hover a {
    text-decoration: underline;
  }
  .rr-menu-level-0 li:hover li:hover li a, .rr-menu-level-0 li:hover li.rr-hover li a, .rr-menu-level-0 li.rr-hover li:hover li a, .rr-menu-level-0 li.rr-hover li.rr-hover li a {
    text-decoration: none;
  }
  .rr-menu-level-0 div, .rr-menu-level-0 a {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    /* 2016-03-07 font-size: 18px;*/
    border-bottom: none;
    margin: 0;
    padding: 6px 15px;
  }
  .rr-menu-level-2 {
    margin: 1em 0 0 0;
    border-top: none;
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    padding: 6px 0;
    z-index: 10;
    white-space: nowrap;
  }
  .rr-menu-level-2 a,
  .rr-menu-level-2 div,
  .rr-menu-level-2 span {
    font-size: 1em;
    padding: 6px 10px 6px 15px;
    margin-top: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rr-menu-level-2 form {
    margin: 0;
    padding: 4px 6px;
    width: 168px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rr-menu-level-2 input {
    margin: 0;
    padding: 4px 6px;
    width: 154px;
  }
  .rr-menu-level-2 ul {
    display: block;
    position: static;
    border: none;
    margin: 0;
    padding: 0;
    text-indent: 1em;
  }
  .rr-menu-level-2 li {
    margin: 0px;
    display: block;
    clear: left; /*recentchange:202310 pgb:stopwrap added else blocks stack side by side*/
    border: none;
  }
  .rr-menu-level-2 li:hover, .rr-menu-level-2 li.rr-hover {
    border: none;
  }
}
.rr-no-list-style {
  list-style: none;
}

.rr-imagenav {
  margin-left: 0;
  padding: 0 0 6px 0;
  list-style: none;
  background-repeat: no-repeat;
}
.rr-imagenav img {
  /*recentchange:202405 margin-right: 12px;*/
  /*recentchange:202405 added */
  margin-right: 0.5em;
  /*recentchange:202405 added */
  margin-bottom: 0.5em;
  position: relative;
  top: 10px;
  /* recentchange:202405 width: 32px;*/
}
.rr-imagenav ul, .rr-imagenav div, .rr-imagenav p {
  /*recentchange:202405 margin-left: 46px;*/
  margin-left: 40px;
  margin-bottom: 0;
}

.rr-bordered-li-container {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid;
  margin: 0 0 32px 0;
  padding: 0;
}
.rr-bordered-li-container li, .rr-bordered-li-container div {
  padding: 4px 6px !important;
  border-top: 1px solid;
  margin: 0 !important;
  list-style-position: inside !important;
  line-height: normal;
}
.rr-bordered-li-container li:first-child,
.rr-bordered-li-container li li, .rr-bordered-li-container div:first-child,
.rr-bordered-li-container div li {
  border: none;
}

#rrid-billing li {
  margin-left: 0em;
  display: block;
}

#rrid-overview-list {
  padding-left: 0;
  margin-left: 0;
}

.codebox {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 1em;
  overflow: auto;
  font-size: 1.1rem; /* recentchange:2023-08 em to rem */
  line-height: 1.65rem; /* recentchange:2023-08 added 1.5x */
  font-size: 1rem; /* recentchange:2023-08 12.5px;*/
  line-height: 1.5rem;
}

pre {
  font-family: Monaco, AnonymousRegular, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", monospace, serif;
}
pre .codebox {
  padding: 10px;
  max-width: 920px;
}

code {
  font-family: Monaco, AnonymousRegular, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", monospace, serif;
}
code .codebox {
  padding: 4px 10px;
  line-height: 1.4;
}

.rr-amountcol {
  white-space: nowrap;
  text-align: right;
}

.rr-nowrapcol {
  white-space: nowrap;
}

.rr-topsticky {
  position: sticky;
  top: 0px;
}

.rr-leftsticky {
  position: sticky;
  left: 0px;
}

#rrid-pleasewait {
  opacity: 0.9;
  filter: alpha(opacity=90);
  height: 180px;
  top: 0%;
  overflow: auto;
  z-index: 5;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  visibility: visible;
  padding: 20px;
}

#rrid-pleasewait2 {
  margin-bottom: 20px;
  padding: 20px;
}

.rr-popup-selector {
  width: auto !important;
  padding: 10px 10px 10px 0;
  z-index: 2;
}
.rr-popup-selector li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.smdlist {
  margin-top: 60px;
}

dl.rr-dldtdd {
  padding: 1em;
  display: block;
}

.rr-dldtdd dt {
  padding: 0.1em;
  font-weight: 600;
  display: block;
}

.rr-dldtdd dd {
  padding: 0.1em;
  padding-left: 1em;
}

table {
  border: 20px solid transparent;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-contains-app div {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#rrid-pagefooter {
  background-color: black;
}
#rrid-pagefooter p {
  color: white;
}

.rr-app-desc {
  color: #ccc;
}

.rr-error-message {
  color: #E50640;
}

/*rr-layout 1*/
@media only screen and (min-width: 768px) {
  .rr-menu-level-0 div, .rr-menu-level-0 a {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*recentchange:202310 border: 1px solid;*/
  }
  .rr-menu-level-2 {
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid;
  }
}
.codebox {
  background-color: #232323;
  -moz-box-shadow: 0px 2px 8px #232323;
  -webkit-box-shadow: 0px 2px 8px #232323;
  box-shadow: 0px 2px 8px #232323;
  color: #eee;
}

.rr-popup-selector {
  background-color: white;
  border: 1px solid #666666;
  color: #232323 !important;
}
.rr-popup-selector li:hover {
  background: #ECF1DC;
  color: #232323;
}

/** transactions.jsp page 
tr.rr-negative-amt , tr.rr-negative-amt td{
  background-color: $rrscss-light1;
}
*/

/*# sourceMappingURL=rr-layout-color.css.map */
/*****css(end)/css/main/rr-layout-color.css*****/


/************ rr-layout-color.css  ***********/


/************ rr-form-color.css  ***********/

/*****css/css/main/rr-form-color.css*****//*! Do not edit the css! .  Instead edit the scss file.  */
/*! A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: "MuseoSans";
  src: url(../type-face/Museo-Sans/museosans_500-webfont.eot?) format("eot"), url(../type-face/Museo-Sans/museosans_500-webfont.woff) format("woff"), url(../type-face/Museo-Sans/museosans_500-webfont.ttf) format("truetype"), url(../type-face/Museo-Sans/museosans_500-webfont.svg#MuseoSans) format("svg");
  font-weight: normal;
  font-style: normal;
}
form {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  padding: 24px 24px 8px 24px;
  margin-bottom: 12px;
  /*2016-03-07 float: left;*/
  /* recentchange:202210 display: block; */
  display: inline-block;
  /* pgb 2011-07-29 woff fonts broken in safari selects at the mo?  http://redrata.com/2011/07/safari-woff-select-field-crash/ */
}
form label,
form input,
form dt,
form dd,
form textarea,
form a,
form th,
form td,
form div,
form span {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
}
form th,
form label,
form li,
form div,
form h1,
form h2,
form h3,
form h4,
form p {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  margin-bottom: 6px;
  /* recentchange:2023-07 display: block;*/
}
form h1 {
  font-size: 18px;
  line-height: 1.5;
}
form h2 {
  font-size: 17px;
  line-height: 1.5;
}
form h3 {
  font-size: 16px;
}
form h4 {
  font-size: 15px;
}
form dl {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  margin-bottom: 6px;
  display: block;
}
form select,
form option {
  margin: 0;
  border: none;
  font-family: Arial, Helvetica, Sans, sans-serif !important;
}
form table {
  background: none;
  border: none;
}
form fieldset {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  padding: 8px 13px;
  margin-bottom: 12px;
}
form legend {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  padding: 0;
  font-size: 16px;
}
form p,
form td,
form div, form > ul li {
  clear: both;
  font-size: 14px;
  line-height: 1.3;
}
form dt {
  margin-bottom: 1px;
  font-size: 13px;
  clear: both;
  line-height: 1.1;
}
form li {
  /** recentchange:202212 list-style-type: none;*/
  line-height: 1;
}
form table {
  border-color: transparent;
}
form th,
form td {
  font-weight: normal;
  padding: 0 6px 7px 0;
  font-size: 14px;
  vertical-align: top;
}
form label,
form th,
form .rr-input-whole {
  font-size: 13px;
  line-height: 1.1;
}
form input,
form select,
form textarea,
form button {
  padding: 4px 6px;
  font-size: 14px;
}
form a {
  font-size: 14px;
}

div.rr-input-whole {
  margin-bottom: 6px;
  display: block;
}

.rr-form-hint {
  margin: 0 0 8px 16px;
  word-wrap: break-word;
  max-width: 870px;
}
.rr-form-hint,
.rr-form-hint a {
  font-family: sans-serif !important;
  font-size: 11.5px;
  font-style: italic;
}

.rr-radio-controls {
  margin: 6px 0;
  font-size: 13px;
}
.rr-radio-controls br {
  margin: 8px 0;
}

.rr-checkbox-controls label,
.rr-checkbox-controls input,
.rr-radio-controls label,
.rr-radio-controls input {
  background: none;
  border: none;
}

select {
  padding: 3px 6px;
}

textarea {
  line-height: 15px;
}

button[type=radio],
input[type=radio] {
  margin: 0 2px 3px 0;
  vertical-align: middle;
}
button[type=submit], button[type=button], button.submit,
input[type=submit],
input[type=button],
input.submit {
  display: block;
  margin-bottom: 16px;
  margin-right: 7px;
  float: none !important;
}
button[type=submit]:hover, button[type=button]:hover, button.submit:hover,
input[type=submit]:hover,
input[type=button]:hover,
input.submit:hover {
  cursor: pointer;
  text-decoration: underline;
}

button.rr-ajax-submit-op {
  display: block;
  margin-bottom: 16px;
  margin-right: 7px;
  float: none !important;
}
button.rr-ajax-submit-op:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* recentchange:2023-08 to rr-form.scss 
@mixin mixin-feature-button {
    background-position: 6px 50%;
    background-repeat: no-repeat;
    font-size: 20px;
    padding: 8px 10px 7px 44px;
    @include border-radius(7px);
    margin-bottom: 6px;
    width: 300px;
}

input.rr-with-icon,
#rrid-dwr-loginform #ifj_password,
/*202302 +* / #rrid-dwr-loginform #ifj_username,
.rr-feature-name,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount,
#loginifj_username,
#loginifj_password {   
    @include mixin-feature-button;
}

#loginform #ifj_username {
    @include mixin-feature-button;
    // recentchange:2023-08 to rr-form.scss background-image: url('../images/icons/faenza/32/emblem-personal.png');
}

#ifprepay_amount {
    @include mixin-feature-button;
    background-image: url('../images/icons/gray/32/dollar.png');
    width: 150px;
}
*/
/* cssrecentchange:202302-28 /util/loginorregister.jsp
label.rr-with-icon,
th.rr-with-icon,
form#rrid-dwr-loginform th,
#rrid-input-whole-loginifj_username dt label,
#rrid-input-whole-loginifj_password dt label {
    font-size: 15px;
}
*/
#rrid-ajax-form-login button {
  font-size: 18px;
}

/* recentchange:2023-08 to rr-form-color.scss 
input.rr-input-user-icon,
#loginifj_username {
    background-image: url('../images/icons/faenza/32/emblem-personal.png');
}

input.rr-input-password-icon,
#rrid-dwr-loginform #ifj_password,
#loginifj_password {
    background-image: url('../images/icons/faenza/32/emblem-readonly.png');
}

.rr-feature-name {
    background-image: url('../images/icons/gray/32/tag.png');
    width: 400px;
}

.rr-large-amount-input,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount {
    background-image: url('../images/icons/gray/32/dollar.png');
    width: 150px;
}
*/
div.id-delete-button {
  float: right;
}

#rrid-payment-links-list form {
  background: none;
  margin: 0;
  padding: 0;
}

td > div.rr-input-whole + div.rr-input-whole {
  float: left;
  margin-left: 7px;
  float: left;
}
td > div + input.submit, td > div + input[type=submit] {
  margin-top: 7px;
}
td > div.rr-input-edit-div {
  float: left;
}

#rrid-input-whole-ifcc_expires_mm {
  float: left;
  margin-right: 7px;
}

td.rr-contact-address-block div.rr-input-whole {
  margin-bottom: 6px;
  display: block;
  float: left;
  clear: both;
}

#rrid-address-block input {
  display: block;
}

#acpopup,
#gmtpopup {
  position: static !important;
  width: 420px !important;
  border: none;
}
#acpopup a,
#gmtpopup a {
  line-height: 1.3;
}

#rrid-input-whole-ifj_password {
  float: none;
}

#pay-by-cc-form form input.submit,
#pay-by-paypal-form form input.submit {
  display: block;
  float: none !important;
  margin-bottom: 6px;
}

select[name=im_transport],
select[name=im_transport] + div.rr-input-whole {
  float: left;
}

#rrid-ajax-form-payment_link label[for=payment_linkifamount] {
  display: block;
  min-height: 24px;
}

#rrid-ajax-form-payment_link label.rr-input-label {
  min-height: 0;
}

form td br {
  clear: both;
}

form.rr-max-width {
  margin-right: 10px;
}

.rrca-datetime-picker img[alt=calendar_image] {
  position: relative;
  margin: -8px 0;
}

form .rr-error-message,
form .rr-error-message {
  font-size: 13px;
  padding: 0;
}

.rr-input-whole.rr-error * input,
.rr-input-whole.rr-error * textarea,
.rr-input-whole.rr-error * select,
.rr-error-underline {
  background-image: url("../images/icons/redrata/8x3/spell-error.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}

.rr-request-being-processed {
  cursor: progress;
}
.rr-request-being-processed button {
  background: url("../images/common/loadingball.gif") no-repeat center;
}
.rr-request-being-processed .rr-performing-operation-span {
  background: url("../images/common/loadingball.gif") no-repeat center;
}
.rr-request-being-processed .rr-cancel-op {
  /* hide cancel link on form submit */
  display: none;
}

.rr-form-just-button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.rr-form-just-button button {
  display: block;
}

.rr-link-form {
  border: none;
  padding: 0em;
  margin: 0em;
  background-color: inherit;
  font-family: inherit;
  color: inherit;
  /*    outline: none;
      background: none;
      cursor: pointer;
      color: #0000EE;
      text-decoration: underline;
      font-family: inherit;
      font-size: inherit;*/
}

.rr-link-button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  /* use rr-link text-decoration: underline;*/
  font-family: inherit;
  font-size: inherit;
  /*outline: none;
  color: #0000EE;*/
}

.grecaptcha-badge {
  visibility: hidden;
}

form {
  background-color: #ddd;
  color: white;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form span {
  color: white;
}
form h1,
form h2,
form h3,
form h4,
form p {
  color: white;
}
form fieldset {
  border: 1px solid white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form input,
form select,
form textarea,
form button {
  color: black;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
  border: 1px solid #bbb;
}

input.rr-with-icon,
#rrid-dwr-loginform #ifj_password,
#rrid-dwr-loginform #ifj_username,
.rr-feature-name,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount,
#loginifj_username,
#loginifj_password {
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
  padding: 8px 10px 7px 44px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 6px;
  width: 300px;
}

#loginform #ifj_username {
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
  padding: 8px 10px 7px 44px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 6px;
  width: 300px;
  background-image: url("../images/icons/faenza/32/emblem-personal.png");
}

#ifprepay_amount {
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
  padding: 8px 10px 7px 44px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 6px;
  width: 300px;
  background-image: url("../images/icons/gray/32/dollar.png");
  width: 150px;
}

input.rr-input-user-icon,
#loginifj_username {
  background-image: url("../images/icons/faenza/32/emblem-personal.png");
}

input.rr-input-password-icon,
#rrid-dwr-loginform #ifj_password,
#loginifj_password {
  background-image: url("../images/icons/faenza/32/emblem-readonly.png");
}

.rr-feature-name {
  background-image: url("../images/icons/gray/32/tag.png");
  width: 400px;
}

.rr-large-amount-input,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount {
  background-image: url("../images/icons/gray/32/dollar.png");
  width: 150px;
}

div.id-delete-button {
  float: right;
}

#rrid-payment-links-list form {
  background: none;
  margin: 0;
  padding: 0;
}

#acpopup,
#gmtpopup {
  background-color: white;
  color: black;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#acpopup a,
#gmtpopup a {
  color: black;
}

/*# sourceMappingURL=rr-form-color.css.map */
/*****css(end)/css/main/rr-form-color.css*****/


/************ rr-form-color.css  ***********/


/************ rr-responsive.css  ***********/

/*****css/css/main/rr-responsive.css*****/@charset "UTF-8";
/*
    Using media queries, adjust layout for different width browsers.
    Older versions of IE will ignore these rules.
    Extends the grid960 system.
*/
/* #Simpler menus for touch devices, no hovers / dropdowns
================================================== */
/* #Styles for responsive tables
================================================== */
.rr-responsive-table {
  overflow-x: auto;
}

.rr-table-view-controls {
  font-size: 0.9em;
  color: #555;
}

.rr-column-toggle {
  cursor: pointer;
  text-decoration: line-through;
  border-radius: 3px;
  padding: 3px 6px;
  display: inline-block;
}
.rr-column-toggle.rr-column-showing {
  text-decoration: underline;
}

/* #Everything smaller than 960 (doesn't include ipad landscape)
================================================== */
/* recentchange:202011 .rr-show-under-960 { display: none;}*/
/*rr-responsive 1*/
@media only screen and (min-width: 960px) {
  .rr-hide-over-960 {
    display: none;
  }
}
/*rr-responsive 2*/
@media only screen and (max-width: 959px) {
  p {
    word-wrap: break-word;
  }
  /* layoutcss related amendments */
  .rr-menu-level-0 {
    margin: 0 !important;
    float: none !important;
  }
  .rr-menu-level-0 a {
    font-size: 0.88em;
  }
  .rr-menu-level-2 {
    top: 0.88em;
  }
  #rrid-toplevelmenudiv {
    clear: both;
    width: auto;
  }
  #rrid-pagefooter {
    margin-top: 0 !important;
  }
  table {
    border-width: 10px;
  }
  .container_12 .prefix_12,
  .container_12 .prefix_11,
  .container_12 .prefix_10,
  .container_12 .prefix_9,
  .container_12 .prefix_8,
  .container_12 .prefix_7,
  .container_12 .prefix_6,
  .container_12 .prefix_5,
  .container_12 .prefix_4,
  .container_12 .prefix_3,
  .container_12 .prefix_2,
  .container_12 .prefix_1,
  .container_12 .suffix_12,
  .container_12 .suffix_11,
  .container_12 .suffix_10,
  .container_12 .suffix_9,
  .container_12 .suffix_8,
  .container_12 .suffix_7,
  .container_12 .suffix_6,
  .container_12 .suffix_5,
  .container_12 .suffix_4,
  .container_12 .suffix_3,
  .container_12 .suffix_2,
  .container_12 .suffix_1 {
    padding-left: 0px;
  }
  .container_12 .push_12,
  .container_12 .push_11,
  .container_12 .push_10,
  .container_12 .push_9,
  .container_12 .push_8,
  .container_12 .push_7,
  .container_12 .push_6,
  .container_12 .push_5,
  .container_12 .push_4,
  .container_12 .push_3,
  .container_12 .push_2,
  .container_12 .push_1,
  .container_12 .pull_12,
  .container_12 .pull_11,
  .container_12 .pull_10,
  .container_12 .pull_9,
  .container_12 .pull_8,
  .container_12 .pull_7,
  .container_12 .pull_6,
  .container_12 .pull_5,
  .container_12 .pull_4,
  .container_12 .pull_3,
  .container_12 .pull_2,
  .container_12 .pull_1 {
    left: initial;
  }
  .rr-hide-under-960 {
    display: none !important;
  }
  .rr-show-under-960 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
/*rr-responsive 3*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* g960 */
  .container_12 {
    width: 768px;
  }
  .container_12 .grid_12,
  .container_12 .grid_11,
  .container_12 .grid_10,
  .container_12 .grid_9,
  .container_12 .grid_8 {
    width: 748px;
  }
  .container_12 .grid_7,
  .container_12 .grid_6,
  .container_12 .grid_5,
  .container_12 .grid_4,
  .container_12 .grid_3,
  .container_12 .grid_2,
  .container_12 .grid_1 {
    width: 364px;
  }
  img {
    max-width: 748px;
  }
  table {
    border-width: 10px;
  }
  /*recentchange:2023-06 #rrid-footer-services {
      width: 512px !important;
  }
  #rrid-footer-social {
      width: 245px !important;
  }
  .rr-archive-news-item ul {
      max-width: 492px;
  }*/
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
/*rr-responsive 4*/
@media only screen and (max-width: 320px) {
  form, table {
    width: 300px;
    max-width: 300px;
  }
  form table {
    width: 300px;
    max-width: 300px;
  }
  img, select {
    max-width: 300px;
  }
  input, textarea {
    max-width: 280px;
  }
}
/*rr-responsive 5*/
@media only screen and (min-width: 321px) and (max-width: 479px) {
  form, table {
    /*2016-03-06 width: 355px;*/
    max-width: 355px;
  }
  form table {
    /*2016-03-06 width: 355px;*/
    max-width: 355px;
  }
  img, select {
    max-width: 355px;
  }
  input, textarea {
    max-width: 350px;
  }
}
/*rr-responsive 6*/
@media only screen and (max-width: 767px) {
  /* g960 */
  body {
    font-size: 12.5px;
  }
  h1 {
    font-size: 1.8em;
  }
  h2 {
    font-size: 1.6em;
  }
  h3 {
    font-size: 1.4em;
  }
  h4 {
    font-size: 1.2em;
  }
  form, table {
    /*2016-03-06 width: 300px;*/
    /*2016-03-06 max-width: 300px;*/
    padding: 10px;
    /*2016-03-06 margin: 0 -10px;*/
    border-radius: 0;
  }
  table {
    border-width: 10px;
  }
  form table {
    margin: 0;
    padding: 0;
    /*2016-03-06 width: 300px;*/
    /*2016-03-06 max-width: 300px;*/
  }
  img, select {
    /*2016-03-06 max-width: 300px;*/
  }
  input, textarea {
    /*2016-03-06 max-width: 280px;*/
  }
  /* layoutcss related amendments */
  /* 202302 input.rr-with-icon,*/
  #rrid-dwr-loginform #ifj_username,
  #rrid-dwr-loginform #ifj_password {
    max-width: 248px;
  }
  #pay-by-cc-form img,
  #pay-by-paypal-form img {
    max-width: 56px;
  }
  #ifcc_type img {
    max-width: 32px;
  }
  #rrid-footer-services {
    /* recentchange:2023-06 width: 318px !important;*/
  }
  #rrid-footer-services * {
    /* recentchange:2023-06 max-width: 300px !important; */
    word-wrap: break-word;
  }
  #rrid-footer-services p,
  #rrid-footer-services li,
  #rrid-footer-services span {
    font-size: 12px;
  }
  #rrid-footer-social {
    /* recentchange:2023-06 width: 300px !important;*/
    word-wrap: break-word;
  }
  .rr-archive-news-item ul {
    /* recentchange:2023-06 max-width: 280px; */
  }
  h2.rr-inside-banner {
    line-height: 1.3;
  }
  .rr-service-signup {
    font-size: 36px;
  }
  .rr-feature-name {
    max-width: 200px !important;
  }
  .rr-hide-under-768 {
    display: none !important;
  }
  .rr-show-under-768 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
  body #rrrh2id-pageheader,
  body #rrid-pageheader {
    background: initial;
  }
  body #rrid-pageheader,
  body #banner-bg {
    padding-bottom: 1em;
  }
  body #rrrh2id-pageheader,
  body #rrid-pageheader,
  body #banner-bg {
    margin: 0;
  }
  body #rrrh2id-pageheader a,
  body #rrid-pageheader a,
  body #banner-bg a {
    padding: 0.25em 0.5em;
  }
  body #rrrh2id-pageheader ul,
  body #rrid-pageheader ul,
  body #banner-bg ul {
    margin: 0;
  }
  body #rrrh2id-pageheader li,
  body #rrid-pageheader li,
  body #banner-bg li {
    list-style-type: none;
  }
  body #rrrh2id-pageheader hr,
  body #rrid-pageheader hr,
  body #banner-bg hr {
    display: none;
  }
  body #rrrh2id-pageheader #rrid-toplevelmenudiv,
  body #rrid-pageheader #rrid-toplevelmenudiv,
  body #banner-bg #rrid-toplevelmenudiv {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    opacity: 0;
    width: 32px;
    max-height: 24px;
    right: 0;
    overflow: hidden;
    margin-right: 0;
    position: fixed;
    z-index: 10;
    padding: 0;
    top: 0;
    background-color: #181818;
    font-size: 1.1em;
    border-radius: 0 0 0 2px;
  }
  body #rrrh2id-pageheader #rrid-toplevelmenudiv.expanded,
  body #rrid-pageheader #rrid-toplevelmenudiv.expanded,
  body #banner-bg #rrid-toplevelmenudiv.expanded {
    display: block;
    width: 240px;
    max-height: 510px;
    padding: 32px 10px 10px 10px;
    opacity: 1;
  }
  body #rrrh2id-pageheader .rr-menu-level-2,
  body #rrid-pageheader .rr-menu-level-2,
  body #banner-bg .rr-menu-level-2 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    max-height: 0;
    margin: 0;
  }
  body #rrrh2id-pageheader .rr-menu-level-2 li,
  body #rrid-pageheader .rr-menu-level-2 li,
  body #banner-bg .rr-menu-level-2 li {
    margin: 0;
    border-bottom: 1px solid #333;
  }
  body #rrrh2id-pageheader .rr-menu-level-2 li:first-child,
  body #rrid-pageheader .rr-menu-level-2 li:first-child,
  body #banner-bg .rr-menu-level-2 li:first-child {
    border-top: 1px solid #333;
  }
  body #rrrh2id-pageheader .rr-menu-level-2 li a,
  body #rrid-pageheader .rr-menu-level-2 li a,
  body #banner-bg .rr-menu-level-2 li a {
    display: block;
    background-color: #e8e8e8;
    color: #181818;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  body #rrrh2id-pageheader .rr-menu-level-1 > a,
  body #rrid-pageheader .rr-menu-level-1 > a,
  body #banner-bg .rr-menu-level-1 > a {
    position: relative;
    color: white;
    display: block;
  }
  body #rrrh2id-pageheader .rr-menu-level-1 > a::before,
  body #rrid-pageheader .rr-menu-level-1 > a::before,
  body #banner-bg .rr-menu-level-1 > a::before {
    position: absolute;
    font-size: 0.75em;
    right: 1em;
    content: "▼";
  }
  body #rrrh2id-pageheader .rr-menu-level-1.expanded > a,
  body #rrid-pageheader .rr-menu-level-1.expanded > a,
  body #banner-bg .rr-menu-level-1.expanded > a {
    padding: 0.25em 0.5em;
    background-color: #e8e8e8;
    color: #181818;
  }
  body #rrrh2id-pageheader .rr-menu-level-1.expanded > a::before,
  body #rrid-pageheader .rr-menu-level-1.expanded > a::before,
  body #banner-bg .rr-menu-level-1.expanded > a::before {
    content: "";
  }
  body #rrrh2id-pageheader .rr-menu-level-1.expanded .rr-menu-level-2,
  body #rrid-pageheader .rr-menu-level-1.expanded .rr-menu-level-2,
  body #banner-bg .rr-menu-level-1.expanded .rr-menu-level-2 {
    max-height: 354px;
  }
  #rrid-mobile-menu-toggle {
    background-image: url("../images/icons/rr-simple/rr_simple_menu_hamburger.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: #181818;
    width: 40px;
    height: 32px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 11;
    border-radius: 0 0 0 2px;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
/*rr-responsive 7*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  html, body, form, fieldset, p, li, span, input, div, h1, h2, h3, h4 {
    -webkit-text-size-adjust: none;
  }
  body {
    font-size: 13px;
  }
  form table {
    width: 440px;
    max-width: 440px;
  }
  img, input, textarea {
    max-width: 460px;
  }
  /* layoutcss related amendments */
  /*202302 not used table input.rr-with-icon,*/
  #rrid-dwr-loginform #ifj_username,
  #rrid-dwr-loginform #ifj_password {
    max-width: 260px;
  }
  #ifcc_type img {
    max-width: 51px;
  }
  /* recentchange:2023-06 #rrid-footer-services {
      width: 478px !important;
  }*/
  #rrid-footer-services * {
    /* recentchange:2023-06 max-width: $midsize !important;*/
    word-wrap: break-word;
  }
  #rrid-footer-services p,
  #rrid-footer-services li {
    font-size: 12px;
  }
  #rrid-footer-social {
    /* recentchange:2023-06 width: $midsize !important; */
    word-wrap: break-word;
  }
  /* recentchange:2023-06 .rr-archive-news-item ul {
      max-width: $midsize;
  }
  .rr-feature-name {
      max-width: 300px !important;
  }*/
}
/*rr-responsive 8*/
@media only screen and (min-width: 769px) and (max-width: 959px) {
  .container_12 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .container_12 .grid_1,
  .container_12 .grid_2,
  .container_12 .grid_3,
  .container_12 .grid_4,
  .container_12 .grid_5,
  .container_12 .grid_6,
  .container_12 .grid_7,
  .container_12 .grid_8,
  .container_12 .grid_9,
  .container_12 .grid_10,
  .container_12 .grid_11,
  .container_12 .grid_12 {
    margin-left: 1%;
    margin-right: 1%;
  }
  .container_12 .grid_1 {
    width: 6.333%;
  }
  .container_12 .grid_2 {
    width: 14.667%;
  }
  .container_12 .grid_3 {
    width: 23%;
  }
  .container_12 .grid_4 {
    width: 31.333%;
  }
  .container_12 .grid_5 {
    width: 39.667%;
  }
  .container_12 .grid_6 {
    width: 48%;
  }
  .container_12 .grid_7 {
    width: 56.333%;
  }
  .container_12 .grid_8 {
    width: 64.667%;
  }
  .container_12 .grid_9 {
    width: 73%;
  }
  .container_12 .grid_10 {
    width: 81.333%;
  }
  .container_12 .grid_11 {
    width: 89.667%;
  }
  .container_12 .grid_12 {
    width: 98%;
  }
}
/*rr-responsive 9*/
@media only screen and (max-width: 768px) {
  .container_12 {
    /*2016-03-07 width: 320px;*/
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .container_12 .grid_12,
  .container_12 .grid_11,
  .container_12 .grid_10,
  .container_12 .grid_9,
  .container_12 .grid_8,
  .container_12 .grid_7,
  .container_12 .grid_6,
  .container_12 .grid_5,
  .container_12 .grid_4,
  .container_12 .grid_3,
  .container_12 .grid_2,
  .container_12 .grid_1 {
    /*2016-03-07 width: 300px;*/
    width: 98%;
  }
}
/*rr-responsive 10*/
@media only print {
  #rrid-toplevelmenudiv, .rr-hide-under-960, .rr-hide-under-768, #rrid-pagefooter, #rrid-home-page-footer {
    display: none !important;
  }
}

/*# sourceMappingURL=rr-responsive.css.map */
/*****css(end)/css/main/rr-responsive.css*****/


/************ rr-responsive.css  ***********/


/************ rrbus.css  ***********/

/*****css/css/rrbus.css*****//*! Do not edit the css! .  Instead edit the scss file.  */
@font-face {
  font-family: "MuseoSans";
  src: url(../type-face/Museo-Sans/museosans_500-webfont.eot?) format("eot"), url(../type-face/Museo-Sans/museosans_500-webfont.woff) format("woff"), url(../type-face/Museo-Sans/museosans_500-webfont.ttf) format("truetype"), url(../type-face/Museo-Sans/museosans_500-webfont.svg#MuseoSans) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AnonymousRegular";
  src: url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.eot?) format("eot"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.woff) format("woff"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.ttf) format("truetype"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.svg#AnonymousRegular) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* menu items */
/*rrbus-menus-inc 1*/
@media only screen and (min-width: 768px) {
  #rrid-pageheader .grid_6 {
    margin: 0;
    padding: 0;
  }
  #rrid-toplevelmenudiv {
    /*cssrecentchange:202303-03 tododel*/
    /*cssrecentchange:202303-06 add */
    /*cssrecentchange:202303-03  tododel*/
    /*cssrecentchange:202303-03  tododel*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-toplevelmenudiv {
    clear: none;
  }
  .container_12 #rrid-toplevelmenudiv.grid_6 {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  #rrid-toplevelmenudiv ul li a,
  #rrid-toplevelmenudiv .rr-menu-item-all {
    font-family: "MuseoSans", sans-serif;
    color: #113141;
  }
  #rrid-toplevelmenudiv .rr-menu-item-all {
    background-color: #d6edff;
    color: #232323;
  }
  #rrid-toplevelmenudiv li, #rrid-toplevelmenudiv li ul,
  #rrid-toplevelmenudiv .rr-menu-item-all {
    line-height: 1.3;
    border: none;
  }
  #rrid-toplevelmenudiv ul.rr-menu-level-0 li.rr-menu-level-1 ul.rr-menu-level-2 li a:hover,
  #rrid-toplevelmenudiv .rr-menu-level-2:hover {
    background-color: #d6edff;
  }
  #rrid-toplevelmenudiv .rr-menu-level-0 {
    /*cssrecentchange:202303-03 tododel*/
    /*cssrecentchange:202303-03 tododel*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-toplevelmenudiv .rr-menu-level-0 {
    float: left !important;
  }
}
@media only screen and (min-width: 768px) {
  #rrid-toplevelmenudiv .rr-menu-level-0 a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-1 {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #92CEFA;
    font-size: 1.2em;
    margin-top: 4px;
    padding: 8px 15px 6px 15px;
    color: #232323;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-toplevelmenudiv .rr-menu-level-0 a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-1 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  #rrid-toplevelmenudiv .rr-menu-level-0 a:hover,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-1:hover {
    background-color: #d6edff;
    color: #555; /*recentchange:202310 added*/
  }
  #rrid-toplevelmenudiv .rr-menu-level-0 li:last-child a:first-child,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2:last-child a:first-child {
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #rrid-toplevelmenudiv .rr-menu-level-0 li:first-child a:first-child,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2:first-child a:first-child {
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #rrid-toplevelmenudiv .rr-menu-level-0 li.rr-menu-level-1:hover a,
  #rrid-toplevelmenudiv .rr-menu-level-0 li.rr-menu-level-1:hover .rr-menu-level-2,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2.rr-menu-level-1:hover a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2.rr-menu-level-1:hover .rr-menu-level-2 {
    background-color: #d6edff;
    color: #555; /*recentchange:202310 $dark-box*/
  }
  #rrid-toplevelmenudiv .rr-menu-level-0 li.rr-menu-level-1:hover a li a,
  #rrid-toplevelmenudiv .rr-menu-level-0 li.rr-menu-level-1:hover .rr-menu-level-2 li a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2.rr-menu-level-1:hover a li a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2.rr-menu-level-1:hover .rr-menu-level-2 li a {
    color: #222;
  }
  #rrid-toplevelmenudiv .rr-menu-level-0 li.rr-menu-level-1:hover .rr-menu-level-2 li:hover a, #rrid-toplevelmenudiv .rr-menu-level-0 li.rr-menu-level-1.rr-hover .rr-menu-level-2 li.rr-hover a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2.rr-menu-level-1:hover .rr-menu-level-2 li:hover a,
  #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-item-2.rr-menu-level-1.rr-hover .rr-menu-level-2 li.rr-hover a {
    color: #222;
  }
  #rrid-toplevelmenudiv .rr-menu-level-2 {
    top: 1.9em;
    padding: 0;
  }
  #rrid-pagetop {
    /* overflow: hidden;  recentchange:202406 so it has a css height since it has float children and this establishes a block formatting context https://stackoverflow.com/questions/5369954/why-is-the-parent-div-height-zero-when-it-has-floated-children */
    /*cssrecentchange:202303-03  tododel*/
    /*cssrecentchange:202303-03 tododel*/
  }
  #rrid-pagetop #rrid-toplevelmenudiv {
    margin: 0;
  }
  #rrid-pagetop ul:hover a,
  #rrid-pagetop .rr-menu-item-1:hover a {
    text-decoration: none;
  }
  #rrid-pagetop ul:hover a:hover,
  #rrid-pagetop .rr-menu-item-1:hover a:hover {
    text-decoration: underline;
  }
  #rrid-pagetop ul.rr-menu-level-0,
  #rrid-pagetop .rr-menu-item-1.rr-menu-level-0 {
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #92CEFA;
    border-color: #d6edff;
    border-width: 0 1px 1px 1px;
    border-style: none solid solid;
    margin: -5px 0 0;
    float: right;
  }
  #rrid-pagetop li,
  #rrid-pagetop .rr-menu-item-1 {
    border: none;
  }
  #rrid-pagetop li:hover, #rrid-pagetop li.rr-hover,
  #rrid-pagetop .rr-menu-item-1:hover,
  #rrid-pagetop .rr-menu-item-1.rr-hover {
    background-color: transparent;
    border: none;
  }
}
body, caption, button, pre, span, li, p, td, div,
html, body, h1, h2, h3, h4 {
  font-family: "MuseoSans", sans-serif;
  color: #113141;
}

body {
  font-size: 14px;
  background-color: #43bfff;
}
@media only screen and (max-width: 959px) {
  body {
    overflow: hidden;
  }
}

li#billingdetails, li#contactdetails {
  list-style-position: inside;
}

ul li,
ol li {
  line-height: 1.8;
  list-style-position: inside;
}

img.rrbus-stats {
  width: inherit;
}

#mount-windows em {
  font-weight: 500;
  color: #CA0049;
}

/*2016-03-07 li,ul,ol,*/
#rrid-homepageish-adstrip-cas ul {
  margin: 0;
}

a {
  color: #0082E2;
}

hr {
  border-top: 1px solid #C3CDD5;
}

#rrid-bus-info-area-dark {
  background-image: url("../images/info-area-gradient.png");
}

.signup-today {
  background-color: #92CEFA;
  float: left;
  margin-top: -20px;
  margin-bottom: 5px;
  padding: 4px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d6edff;
}
.signup-today img {
  margin: 0 6px -5px -12px;
}

/*rrbus-767 */
@media only screen and (max-width: 767px) {
  body #rrid-pagetop {
    border-top: none;
    /* overflow: hidden; recentchange:202406 so it has a css height since it has float children and this establishes a block formatting context https://stackoverflow.com/questions/5369954/why-is-the-parent-div-height-zero-when-it-has-floated-children */
  }
  body #rrid-pageheader #rrid-toplevelmenudiv {
    background-color: #43bfff;
  }
  body #rrid-pageheader #rrid-toplevelmenudiv a {
    color: #113141;
  }
  body #rrid-pageheader #rrid-toplevelmenudiv .rr-menu-level-2 li {
    border-bottom: 1px solid #97dbff;
  }
  body #rrid-pageheader #rrid-toplevelmenudiv .rr-menu-level-2 li:first-child {
    border-top: 1px solid #97dbff;
  }
  body #rrid-pageheader #rrid-toplevelmenudiv .rr-menu-level-2 li a {
    background-color: #EAF6FF;
    color: #113141;
  }
  body #rrid-pageheader #rrid-toplevelmenudiv .rr-menu-level-1 > a {
    color: #113141;
  }
  body #rrid-pageheader #rrid-toplevelmenudiv .rr-menu-level-1.expanded > a {
    background-color: #EAF6FF;
    color: #113141;
  }
  #rrid-mobile-menu-toggle {
    background-color: #43bfff;
  }
}
#rrid-pagetop {
  border-top: 1px solid white;
  background-color: #43bfff !important;
  margin-bottom: 0;
  /* overflow: hidden;  recentchange:202406 so it has a css height since it has float children and this establishes a block formatting context https://stackoverflow.com/questions/5369954/why-is-the-parent-div-height-zero-when-it-has-floated-children */
}
#rrid-pagetop #rrid-pageheader {
  border: none;
}
#rrid-pagetop .rr-tagline {
  font-size: 2.3em;
  color: #343434;
}
#rrid-pagetop h1 {
  font-size: 2.3em;
  line-height: 1em;
  letter-spacing: 2px;
  margin-bottom: 6px;
}
#rrid-pagetop h1.big {
  font-size: 4em;
  color: #163F55;
  margin: 10px 0 0 0;
  font-weight: bold;
  letter-spacing: -0.04em;
}
#rrid-pagetop h1.big img {
  margin: 0 0 -46px 0;
  position: static;
}
#rrid-pagetop h1.small, #rrid-pagetop h1.small a {
  margin-bottom: 10px;
  color: #0C232E;
  font-weight: bold;
  letter-spacing: -0.04em;
  margin-left: 0;
  margin-right: 0;
}
#rrid-pagetop h1 a {
  color: black;
}
#rrid-pagetop h1 a:hover {
  text-decoration: none !important;
  color: white;
}
#rrid-pagetop a {
  color: #e8e8e8;
}
#rrid-pagetop a:hover {
  text-decoration: none !important;
  color: white;
  background-color: transparent;
  border: none;
}
#rrid-pagetop a.rr-service-signup {
  font-size: 34px;
  color: white;
  padding: 0 20px;
  background-color: #40ACDE;
  border: 1px solid #d6edff;
  background-color: #3992D2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3992D2), to(#376E97));
  background-image: -webkit-linear-gradient(top, #3992D2, #376E97);
  background-image: -moz-linear-gradient(top, #3992D2, #376E97);
  background-image: -o-linear-gradient(top, #3992D2, #376E97);
  background-image: linear-gradient(to bottom, #3992D2, #376E97);
  -moz-box-shadow: inset 0 0 5px #093E60;
  -webkit-box-shadow: inset 0 0 5px #093E60;
  box-shadow: inset 0 0 5px #093E60;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-shadow: 1px 1px #111;
  line-height: 1.65;
  letter-spacing: 0;
  font-weight: normal;
  font-family: CartoGothicStdBook, Arial, Helvetica, Sans;
  float: left;
}
#rrid-pagetop .signup-today {
  -moz-box-shadow: 0 0 5px #093E60;
  -webkit-box-shadow: 0 0 5px #093E60;
  box-shadow: 0 0 5px #093E60;
}
#rrid-pagetop .signup-today:hover {
  background-color: #1B93E9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1B93E9), to(#376E97));
  background-image: -webkit-linear-gradient(top, #1B93E9, #376E97);
  background-image: -moz-linear-gradient(top, #1B93E9, #376E97);
  background-image: -o-linear-gradient(top, #1B93E9, #376E97);
  background-image: linear-gradient(to bottom, #1B93E9, #376E97);
  text-decoration: none;
  color: white;
  -moz-box-shadow: inset 0 0 2px #093E60;
  -webkit-box-shadow: inset 0 0 2px #093E60;
  box-shadow: inset 0 0 2px #093E60;
}
#rrid-pagetop .signup-today:hover a.rr-service-signup {
  background-color: #37ABDF;
}

.rr-pro-plan-area {
  background-color: white;
  border-bottom: 1px solid #C3CDD5;
  border-right: 1px solid #C3CDD5;
  margin-right: -3px;
  float: left;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
}

.rr-main-content {
  height: 150px;
  margin-bottom: 150px;
  background-color: #444;
  border: none;
}
@media only screen and (max-width: 959px) {
  .rr-main-content {
    height: auto;
    margin-bottom: 0;
  }
}
.rr-main-content h3,
.rr-main-content h4 {
  margin-bottom: 0;
  margin-top: 5px;
}
.rr-main-content .rr-pro-plan-area {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
  padding: 0 20px;
  border-left: 1px solid #C3CDD5;
}
.rr-main-content .rr-pricing-extra {
  padding-bottom: 10px;
  border-left: 1px solid #C3CDD5;
  display: inline-block;
  float: left;
  padding: 0 15px;
}
.rr-main-content .rr-main-image-div {
  margin-top: 0;
}

.rr-is-index-page {
  padding-top: 20px;
}
.rr-is-index-page .rr-main-content {
  margin-top: -52px;
  padding-top: 52px;
}
@media only screen and (max-width: 959px) {
  .rr-is-index-page .rr-main-content {
    margin-top: -25px;
  }
}

.rr-pro-plan {
  display: inline-block;
  float: left;
  padding: 0 15px;
}

#rrid-bus-info-area {
  background-color: #EAF6FF;
  margin: 0;
}

.rr-bottom-shadow,
#rr-ih-feature-1 {
  background-color: #43bfff;
  background-position: left bottom;
  background-repeat: repeat-x;
}

#rrid-footer-site-links {
  padding-top: 25px;
  background: none;
}

form {
  background-color: white;
  border: 1px solid white;
  border-color: white #C3CDD5 #C3CDD5 white;
}
form fieldset {
  border: 1px solid #C3CDD5;
}
form,
form th,
form label,
form li,
form div,
form span,
form p,
form legend,
form h1,
form h2,
form h3,
form h4 {
  color: #113141;
}
form input.submit,
form input[type=submit],
form input[type=button],
form button {
  color: #113141;
}
form input,
form select,
form textarea,
form button {
  background-color: #E4F0F8;
}
form table {
  background: none;
}
form[action="contactdetails.jsp"] {
  display: block;
}

.rr-request-being-processed button {
  background-color: #eee;
  color: #888;
}

#rrbusid-signup-form {
  width: 554px;
}

#rrid-input-whole-ifterms input,
#rrid-input-whole-ifterms label {
  float: left;
  margin-right: 6px;
}

p#fn_altemail,
form[action="newsletter.jsp"] + p,
form[action="accountstatus.jsp"] + p {
  clear: left;
}

.rr-bus-tag {
  padding-left: 110px;
  color: #123446;
}
@media only screen and (max-width: 959px) {
  .rr-bus-tag {
    padding-left: 0;
  }
}

li.rr-hover ul {
  background-color: red;
}

#rrid-homepageish-adstrip-cas .signup-today {
  color: #343434;
  font-size: 2em;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  background: none;
}
#rrid-homepageish-adstrip-cas .signup-today:hover a {
  text-decoration: none;
  color: black;
}
#rrid-homepageish-adstrip-cas .signup-today img {
  margin-bottom: -5px;
}
#rrid-homepageish-adstrip-cas .signup-today a {
  color: #696969;
}
#rrid-homepageish-adstrip-cas .signup-today-text {
  display: inline-block;
}

.rr-info-area {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px inset #747474;
}

.rr-blue-back {
  background-color: #EAF6FF;
}
.rr-blue-back #auditlog th,
.rr-blue-back #errorlog th {
  background-color: #DBF0FF;
  border-bottom: 1px solid #888888;
}
.rr-blue-back #auditlog tr:nth-child(2n+1),
.rr-blue-back #errorlog tr:nth-child(2n+1) td:nth-child(3) {
  background-color: #DBF0FF;
}
.rr-blue-back #errorlog tr th:nth-child(3),
.rr-blue-back #errorlog tr td:nth-child(3) {
  border-left: 1px solid #888888;
  padding-left: 10px;
}
.rr-blue-back #errorlog tr td {
  border-top: 1px solid #888888;
}

table,
#rrid-overview-list,
#fn_billemail,
#cvv {
  border: none;
  margin-bottom: 0;
}

h1.big img {
  margin-bottom: -50px;
}

.rr-main-image-div {
  margin-top: 50px;
}

.bc {
  margin-top: 0;
  line-height: 2;
}

.rr-price-div {
  background-color: #717171;
  border-top: 1px solid black;
  height: 4px;
}

.rr-inner-price {
  /* 2016-04-18 height: 210px;*/
  padding: 12px 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #878787;
  border-color: #333333 #666666 #666666 #333333;
  border-style: solid;
  border-width: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-inner-price {
    /* 2016-04-18 height: 340px;*/
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rr-inner-price {
    height: auto;
    width: 424px;
  }
}
.rr-inner-price span,
.rr-inner-price h4,
.rr-inner-price li {
  color: white;
  border-width: 0;
}
.rr-inner-price h3 {
  color: white;
}

.rr-middle-price.grid_4 {
  margin-left: 0;
  margin-right: 0;
  width: 297px;
  padding: 0 10px;
  margin: 0;
  border-width: 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-middle-price.grid_4 {
    width: 236px;
  }
}

.rr-all-prices {
  background-color: #444 !important;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 0;
  float: none;
  line-height: 2em;
}
.rr-all-prices h3 {
  font-size: 1.6em;
  /*recentchange:202210 line-height: 1.8em;*/
  /*recentchange:202210 height: 1.8em;*/
  margin-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-all-prices h3 {
    height: auto;
  }
}
.rr-all-prices h4 {
  font-size: 1.2em;
  padding-bottom: 10px;
}
.rr-all-prices li.rr-user {
  list-style-image: url("../images/user.png");
  list-style-type: disc;
}
.rr-all-prices li.rr-up {
  list-style-image: url("../images/up.png");
  list-style-type: disc;
}
.rr-all-prices li.rr-down {
  list-style-image: url("../images/down.png");
  list-style-type: disc;
}
.rr-all-prices li.rr-storage {
  list-style-image: url("../images/store.png");
  list-style-type: disc;
}

.rr-price-num {
  color: #343434;
  line-height: 25px;
}

.rr-backupspace-explained li {
  float: left;
  margin: 5px 0;
  width: 280px;
  list-style-type: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-backupspace-explained li {
    width: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rr-backupspace-explained li {
    width: 460px;
  }
}
.rr-backupspace-explained li:focus {
  font-size: 1.2em;
  color: #3FA1F9;
}
.rr-backupspace-explained li img {
  position: relative;
  top: 9px;
}

.rr-bottom {
  margin-bottom: 20px;
  margin-top: 12px;
}

.rr-thingy-area {
  background-color: white;
  border: 1px solid #C3CDD5;
  height: 500px;
  border-top: 0;
}

.body-areas {
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.body-area {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
  height: 20em;
  margin-bottom: 18px;
  min-height: 102px;
  padding: 12px;
  min-height: 0;
}

.rr-nth-format-table,
.rr-active-customers {
  /*pgb:removed:202310 invoice headers don't align well.  th,*/
}
.rr-nth-format-table td,
.rr-active-customers td {
  padding-left: 5px;
  padding-right: 5px;
}
.rr-nth-format-table td:nth-child(2n+1),
.rr-active-customers td:nth-child(2n+1) {
  background-color: #DBF0FF;
}
.rr-nth-format-table th,
.rr-active-customers th {
  border-bottom: 1px solid #aaaaaa;
}

.rr-negative-amt {
  background-color: #DBF0FF;
}

#rr-id-incorrect-js-library {
  line-height: 2.3em;
  background-color: #FF3636;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #6B4646;
  z-index: 9999;
}

.rr-prototype-error {
  text-shadow: 1px 1px 1px white;
}

.codebox {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #232323;
  margin-bottom: 1em;
  overflow: auto;
  -moz-box-shadow: 0 2px 8px #232323;
  -webkit-box-shadow: 0 2px 8px #232323;
  box-shadow: 0 2px 8px #232323;
  color: #eee;
  font-size: 12.5px;
  line-height: 1.3;
}

pre.codebox {
  line-height: 1.4;
  padding: 10px;
  max-width: 920px;
}

code,
pre,
.codebox span.rr-color {
  font-family: Monaco, AnonymousRegular, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", monospace, serif;
}

code.codebox {
  padding: 4px 10px;
  line-height: 1.4;
}

.rr-how-to ul.usage-options {
  margin: 10px 30px 20px;
}
.rr-how-to ul.usage-options li {
  list-style: square;
}

.bus-faq-q {
  font-weight: 600;
}

.bus-faq-a {
  font-weight: 500;
  margin-bottom: 20px;
}

.faq-letter {
  color: red;
  font-weight: 600;
}

.title {
  font-size: 25px;
  padding: 5px 2px 0;
}

.rrc-horizontal {
  float: left;
  clear: none;
}

body .rr-insole {
  background: none repeat scroll 0 0 transparent;
  padding-top: 61px;
  padding-bottom: 2.6em;
  color: white;
  border: none;
}
body .rr-insole a {
  color: #43bfff;
}

.rr-app-title {
  letter-spacing: 0;
  font-size: 19px;
  font-weight: bold;
  /*recentchange:202504 left: 89px;*/
  /*recentchange:202504 margin: 15px 0 0 6px;*/
  /*recentchange:202504 position: absolute;*/
}

#rrid-pagefooter {
  background: url("../images/bottom-cloud.png");
  background-position: left top;
  background-color: black;
  background-repeat: repeat-x;
  margin-top: 0;
  padding-top: 168px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-pagefooter {
    background-position: 48% top;
  }
}
@media only screen and (max-width: 767px) {
  #rrid-pagefooter {
    background-position: 40% top;
  }
}
#rrid-pagefooter div.grid_4 img {
  margin: 0 0 8px 4px;
  position: relative;
  top: 4px;
}
#rrid-pagefooter p,
#rrid-pagefooter h4 {
  font-family: "MuseoSans", sans-serif;
  color: #113141;
}
#rrid-pagefooter p {
  color: white;
}

#banner-bg label,
#banner-bg, table, th, td {
  font-family: "MuseoSans", sans-serif;
  color: #113141;
}

.rr-app-desc {
  /*recentchange:202504 left: 89px; */
  /*recentchange:202504 margin: -39px 0 0 7px;*/
  /*recentchange:202504 position: absolute;*/
  color: #B3B3B3;
}

.select_server_howto {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 959px) {
  #rrid-bus-boxes {
    clear: both;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #rrid-bus-boxes {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #rrid-bus-boxes {
    padding-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-price-area.grid_4 {
    width: 236px;
  }
}

/*rrbus 2*/
@media only screen and (width: 768px) {
  body {
    width: 768px;
  }
}
/*rrbus 3*/
@media only screen and (width: 480px) {
  body {
    width: 480px;
  }
}
/*rrbus 4*/
@media only screen and (width: 320px) {
  body {
    width: 320px;
  }
}
.rr-bordered-li-container {
  border-color: #92CEFA;
}
.rr-bordered-li-container li {
  border-top-color: #92CEFA;
}

/*# sourceMappingURL=rrbus.css.map */
/*****css(end)/css/rrbus.css*****/


/************ rrbus.css  ***********/


/************ message-layers-css.jsp  ***********/

/*****css/css/base/message-layers-css.jsp*****/ 
 


.rr-reply-error{
	display:none;
	color: red;
}

.rr-feedback-message { background: #FFFFCC; }

.rr-error-message {
	
	color: red;
}
.rr-error-better {
	border:solid 1px #DEDEDE;
	color: #09D200; 
}

.rr-feed-back-error,
.rr-feed-back-formerror {
	line-height:1.5;
	color:#E10000;
}
.rr-msg-border{
	border-top:1px solid #C5C5C5;line-height:1.5;
	
}
.rr-feed-back-info-message {
	color:#71A1FF;
	line-height:1.5;
}


.rr-feed-back-info-message .rr-item-type {
	background-image: url("/images/icons/fatcow/16/information.png");
	margin-top:2px;
	height:16px;
}

.rr-feed-back-error .rr-item-type {
	background-image: url("/images/icons/fatcow/16/exclamation.png");
	margin-bottom:-2px;
	height:16px;
}

.rr-feed-back-message {
	color:#5D5D5D;
	border-top:1px solid #C5C5C5;
}

.rr-message-errors{
    background-color:#FFE2DA;
    color:#F43602;
}
.rr-message-info{
    background-color:#E0EFFF;
    color:#0062CE;
}
.rr-message-default{
    background-color:#D9D9D9;
}
.rr-message-item{
    font-weight:500;
    border-top:1px solid #CACACA;
}
.rr-message-item input{
    display:inline-block;
}
.rr-message-item div{
    margin: 0 150px 0 40px;
    padding: 10px 0;
    display:inline-block;
}
.rr-message-layers-out{
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
	font-family: sans-serif;
    z-index:30;
}
.rr-message-layers{
    max-height:200px;
    overflow: auto;
    }

.rr-message-layers-alert{
    width:500px;
    -moz-border-radius:15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    -webkit-border-radius:15px 15px 0 0;
    padding-left:30px;
}/*****css(end)/css/base/message-layers-css.jsp*****/


/************ message-layers-css.jsp  ***********/

