body, p, table, td, input, select, textarea {
   font-family: arial, helvetica, sans-serif;
   font-size: 13px;
   line-height: 140%;
}
@media (max-width: 690px) {
   body {
      font-size: 14px;
   }
}

a.top:link { color: #ffffff; text-decoration: underline; }
a.top:active { color: #ffffff; text-decoration: underline; }
a.top:visited { color: #ffffff; text-decoration: underline; }
a.top:hover { color: #ffffff; text-decoration: none; }

a.btm:link { color: #008040; text-decoration: underline; }
a.btm:active { color: #008040; text-decoration: underline; }
a.btm:visited { color: #008040; text-decoration: underline; }
a.btm:hover { color: #008040; text-decoration: underline; }

.ParagraphTitle
{
	font-size: 1.15em;
	font-weight: bold;
	color: black;
	text-decoration: none;
}


.TextEmph
{
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}


.PageTitle
{
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


.TopicTab {
   background-color: #E3E3E3;
   padding: 6px;
   display: block;
   color: black;
   text-align: center;
   font-weight: bold;
   font-family: arial, helvetica;
   margin-bottom: 5px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}


.TopicTitle {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.TopicText {
   font-family: Arial,Helvetica,San-Serif;
	font-size: 12px;
	text-decoration: none;
}


.TopicLink {
	text-decoration: underline;
}


.TopicLinkAlt {
   padding-left: 5;
   padding-bottom: 3;
}


a.TopicLinkAlt:hover {
   color: #47897A;
   text-decoration: none;
}


.CrumbText {
	font-size: 12px;
	text-decoration: none;
   margin-bottom: 15px;
}


.CrumbText a {
   text-decoration: underline;
}


.SmallTextNav {
   font-family: verdana;
	font-size: 12px;
	text-decoration: none;
}


a.SmallTextNav {
   text-decoration: none;
}


a.SmallTextNav:hover {
   text-decoration: underline;
}


.ContentTitle {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}



.ContentLink {
	font-size:13px;
	text-decoration:underline;
}


/*
Select {
   padding: 2px;
	left: auto;
	margin: 2px;
	font-weight: normal;
	font-size: 11px;
}
*/


.Search {
   width: 206px;
}

.PoPSearch {
   width: 100%;
   max-width: 250px;
}
.required { color: Red; } /* Form Tools */


.QuickTableHeader, .QuickTableHeader td {
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
   background-color: #333366;
}


.QuickTableDetail {
	font-size: 12px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}



.FormRow,
.TableToForm tr {
   padding: 3px 0px;
   box-sizing: border-box;
   position: relative;
   display: block;
   clear: both;
}
/*
.FormRow > *,
.TableToForm td {
   box-sizing: border-box;
}
*/


.FormRow > label,
.TableToForm tr td:nth-child(odd) {
   font-weight: bold;
   text-align: right;
   width: 35%;
   display: inline-block;
   vertical-align: middle;
   padding-right: 5px;
}

.FormRow > label.AlignTop,
.TableToForm tr td:nth-child(odd) {
   vertical-align: top;
   margin-top: 2px;
   padding-top: 0px !important;
}


/* Style Form Elements */
.FormRow input[type=text],
.FormRow input[type=email],
.FormRow input[type=tel],
.FormRow input[type=number],
.FormRow input[type=password],
.FormRow input[type=date],
.FormRow select,
.FormRow textarea,
.FormRow .FormInputHelper,
.FormRow .FormOptions,
.TableToForm tr td:nth-child(even),
.TableToForm tr td:nth-child(even) *:not([type=radio]):not([type=checkbox]) {
   font-size: 13px;
   font-family: arial, sans-serif;
   margin: 0px;
   max-width: 100%;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   /* -webkit-border-radius: 0px; */
}
.FormRow input[type=checkbox],
.FormRow input[type=radio] {
   margin: 0px;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
}
.FormRow textarea { /* Default size */
   width: 100%;
   height: 60px;
}
.FormRow .InputMaxWidth,
.FormRow .FormInputHelper { /* Help keep elements contained */
   width: 100%;
   max-width: calc(60% - 10px) !important; /* 100% - label width - margin */
}
.FormRow .FormOptions label {
   display: inline-block;
   margin-bottom: 2px;
}
.FormRow .FormOptions label:last-child {
   margin-bottom: 0px;
}
.FormRow .FormOptions * {
   vertical-align: middle;
}

.FormRow .FormNote {
   font-size: .9em;
}

.FormRow label.Required::before {
   content: "* ";
   color: #ff0000;
}
.FormRow.ExpDate > select {
   width: 80px;
}
@media (max-width: 690px) {
   .FormRow,
   .TableToForm tr {
      font-size: 17px;
      margin: 5px 0px;
   }
   .FormRow > label,
   .TableToForm tr td:nth-child(odd) {
      text-align: left;
      width: 100% !important;
      margin-top: 0px;
   }
   .FormRow input[type=text],
   .FormRow input[type=email],
   .FormRow input[type=tel],
   .FormRow input[type=number],
   .FormRow input[type=password],
   .FormRow input[type=date],
   .FormRow select,
   .FormRow textarea,
   .FormRow .FormInputHelper,
   .FormRow .FormOptions,
   .FormRow .InputMaxWidth,
   .TableToForm tr td:nth-child(even),
   .TableToForm tr td:nth-child(even) *:not([type=radio]):not([type=checkbox]) {
      width: 100% !important;
      max-width: 100% !important;
      font-size: 17px;
      margin-top: 3px;
   }

   .FormRow .MobileInline {
      display: inline-block;
      width: auto !important;
      vertical-align: middle;
      margin-top: 0px;
   }
}


.FrameBar {
	font-size: 7px;
   line-height: 7px;
	font-weight: normal;
	color: white;
	text-decoration: none;
   background-color: #003366;
}


thead.Rounded {
   background-color: #E3E3E3;
}


thead.Rounded td:first-child {
   border-radius: 5px 0px 0px 5px;
   -moz-border-radius: 5px 0px 0px 5px;
   -webkit-border-radius: 5px 0px 0px 5px;
}


thead.Rounded td:last-child {
   border-radius: 0px 5px 5px 0px;
   -moz-border-radius: 0px 5px 5px 0px;
   -webkit-border-radius: 0px 5px 5px 0px;
}


table.ContentAreaList, table.ContentAreaList td {
   font-family: arial, helvetica;
	font-size: 13px;
	text-decoration: none;
}


/*--- Side Bar Content Box Styles ---*/
.SideBarBox {
   padding: 0px;
   display: block;
   color: black;
   line-height: 1.2em;
   font-family: arial, helvetica;
}
.SideBarBox a {
   display: block;
}

.SideBarBoxHeader {
   background-color: #E3E3E3;
   padding: 6px;
   display: block;
   text-align: center;
   font-weight: bold;
   border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
}


.SideBarBoxContent {
   line-height: 150%;
   background-color: #F5F5F5;
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
}
/*--- End Side Bar Content Box Styles ---*/


.PageSectionHeader {
   background-color: #E3E3E3;
   padding: 10px 20px 8px 20px;
   margin: 0px 12px 8px 12px;
   color: black;
   font-size: 17px;
   font-weight: bold;
   border-radius: 8px;
   position: relative;
   z-index: 10;
   text-align: center;
   max-width: 100%;
}


.PageSectionContent {
   padding: 5px 30px;
   max-width: 100%;
}
.PageSectionContent img {
   max-width: 100%;
   max-height: 100%;
}
@media (max-width: 690px) {
   .PageSectionContent {
      padding-left: 20px;
      padding-right: 20px;
   }
}




/**** Custom Styling for all input buttons ****/
input[type="button"],
input[type="submit"],
.Button {
   background-color: #EAEAEA;
   padding: 4px 12px;
   display: inline-block;
   color: black;
   text-align: center;
   font-family: arial, helvetica;
   font-size: 13px;
   font-weight: normal;
   text-decoration: none;
   border: 1px solid #666666;
   border-radius: 2px;
   cursor: pointer;
   box-sizing: border-box;
   white-space: normal;
   margin: 0px 2px;
   -webkit-border-radius: 0;
   -webkit-appearance: none;
}
input[type="button"]:disabled,
input[type="submit"]:disabled {
   color: #bababa;
   border: 1px solid #bababa;
   cursor: default;
}
input[type="button"]:hover:enabled,
input[type="submit"]:hover:enabled,
.Button:hover {
   color: black;
   background-color: #CCCCCC;
}
@media (max-width: 690px) {
   input[type=button],
   input[type=submit],
   .Button {
      width: 100%;
      padding: 10px;
      font-size: 14px;
      margin: 2px 0px;
      white-space: nowrap;
   }
}

/* Alternate Color */
.ButtonAlt {
   color: white !important;
   background-color: #0070B0 !important;
}
.ButtonAlt:disabled {
   color: #bababa !important;
   background-color: #eaeaea !important;
   border: 1px solid #bababa !important;
}
.ButtonAlt:hover:enabled {
   color: white !important;
   background-color: #005a9d !important;
}



.LinkBox {
   background-color: #EAEAEA;
   padding: 4px 12px;
   display: inline-block;
   color: black;
   text-align: center;
   font-family: arial, helvetica;
   font-size: 13px;
   font-weight: normal;
   /* border: 1px solid #D0D0D0; */
   border: 1px solid #666666;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}


.LinkBox a {
   color: #333333;
   text-decoration: none;
}


.LinkBox a:hover {
   color: #333333;
}


.LinkBox:hover {
   background-color: #CCCCCC;
}


/*** Progress Bar used in registration process ***/
.ProgressBar {
   list-style: none;
   text-align: center;
   padding: 0px;
}


.ProgressBar li {
   display: inline-block;
   padding: 5px 15px;
   margin: 1px;
   background-color: #E3E3E3;
   font-weight: bold;
}


.ProgressBar li:first-child {
   border-radius: 5px 0px 0px 5px;
   -moz-border-radius: 5px 0px 0px 5px;
   -webkit-border-radius: 5px 0px 0px 5px;
}


.ProgressBar li:last-child {
   border-radius: 0px 5px 5px 0px;
   -moz-border-radius: 0px 5px 5px 0px;
   -webkit-border-radius: 0px 5px 5px 0px;
}


.ProgressBar .On {
   background-color: Black;
   color: White;
}

/*** Registration Types ***/
#RegTypes {
   margin: 10px 0px 20px 0px;
   text-align: center;
}
#RegTypes div {
   font-size: 13px;
   text-transform: uppercase;
   width: 110px;
   padding: 15px 0px;
   margin: 0px 10px;
   background-color: #E3E3E3;
   display: inline-block;
   border-radius: 8px;
   cursor: pointer;
   line-height: 1.4em;
   vertical-align: top;
}
#RegTypes img {
   display: block;
   width: 42px;
   height: 42px;
   margin: 0px auto 20px auto;
}
@media (max-width: 470px) {
   #RegTypes div {
      width: 100%;
      margin: 5px 0px;
   }
   #RegTypes div img {
      display: none;
   }
}

.RegTypeBox {
   display: none;
   padding: 10px;
}

#RegTypeLeader, #RegTypeLeaderBox b { color: #C82130; }
#RegTypeMember, #RegTypeMemberBox b { color: #0072B6; }
#RegTypeIndv, #RegTypeIndvBox b { color: #FD913B; }
#RegTypeLeaderBox { border: 2px solid #C82130; }
#RegTypeMemberBox { border: 2px solid #0072B6; }
#RegTypeIndvBox { border: 2px solid #FD913B; }



/*
.RegTypeBox .Steps {
   padding: 10px 0px;
}


.RegTypeBox .Steps div {
   font-size: 12px;
   width: 140px;
   display: inline-block;
   vertical-align: text-top;
   padding-top: 10px;
   padding-left: 30px;
   padding-bottom: 10px;
}
*/






.Steps > div {
   white-space: nowrap;
   font-size: .9em;
   padding: 25px 10px;
}
.Steps img {
   vertical-align: top;
   margin-right: 8px;
}
.Steps span {
   vertical-align: middle;
   white-space: normal;
   display: inline-block;
   width: calc(100% - 30px);
}
@media (max-width: 690px) {
   .Steps > div {
      padding: 10px 0px;
   }
   .Steps img {
      vertical-align: middle;
   }
}







.JoinGroupBox {
   padding: 10px;
}
.JoinGroupBox .Steps {
   padding: 20px 0px;
}
.JoinGroupBox .Steps div {
   font-size: 12px;
   width: 140px;
   display: inline-block;
   vertical-align: text-top;
   padding-left: 30px;
}
.JoinGroupBox img {
   position: relative;
   float: left;
   margin-left: -30px;
}


.SkycogPatch {
   text-decoration: none;
   display: inline-block;
   width: 140px;
   height: 39px;
   background: url('/appReg/Images/skycog/skycog-patch-gray.png');
   background-position: 0px 0px;
}
.SkycogPatch:hover {
   background-position: 140px 0px;
}




/* New 2017 Styles */
html.NoScroll,
html.NoScroll > body {
   position: fixed;
   width: 100%;
}

@media (min-width: 911px) {
   .HideDesktop {
      display: none !important;
   }
}
@media (min-width: 691px) and (max-width: 910px) {
   .HideTablet {
      display: none !important;
   }

}
@media (max-width: 690px) {
   .HideMobile {
      display: none !important;
   }
}



#RL_RightSide {
   float: right;
   width: 210px;
}
#RL_RightSide + #RL_Content {
   float: left;
   width: calc(100% - 220px);
}
#RL_Content img {
   max-width: 100%;
}
@media (max-width: 910px) {
   #RL_RightSide + #RL_Content {
      float: none;
      width: 100%;
   }
   #RL_RightSide {
      display: none;
   }
}



#Navigation {
   font-size: 0px;
   background-color: #252525;
}

#MenuButtonMain {
   display: none !important;
}

#Navigation > div {
   max-width: 1120px;
   margin: 0px auto;
   position: relative;
}

#Navigation a {
   font-family: trebuchet ms, verdana, sans-serif;
   font-size: 14px;
   color: White;
   text-decoration: none;
   text-shadow: #666666 1px 1px;
   padding: 10px 15px;
   line-height: 16px;
   display: inline-block;
   box-sizing: border-box;
   cursor: pointer;
}
#Navigation a:hover,
#Navigation a.On {
   background-color: #A72217;
}

#MenuRight {
   float: right;
   position: relative;
}
#MenuRight > a {
   padding-right: 46px;
   background: url(/appReg/Images/icoProfile.png) right 5px center no-repeat;
}

a#MenuButtonPart {
   padding-top: 3px;
   padding-bottom: 3px;
   text-align: right;
   font-size: 14px;
   line-height: 16px;
}

#MenuPart {
   display: none;
   position: absolute;
   z-index: 1000;
   right: 0px;
   background-color: #494949;
   width: 100%;
}
#MenuPart a {
   display: block;
   width: 100%;
}
#MenuPart.Show {
   display: block;
}

@media (max-width: 910px) {
   a#MenuButtonMain {
      display: inline-block !important;
      font-size: 0px;
      line-height: 0px;
      padding: 9px 15px;
   }


   #MenuRight {
      position: static;
   }

   #MenuMain {
      display: none;
      position: absolute;
      z-index: 1000;
      background-color: #494949;
      width: 100%;
   }
   #MenuMain a {
      display: block;
      width: 100%;
   }
   #MenuMain.Show {
      display: block;
   }
}



#RL_Footer {
   text-align: center;
   padding: 15px 10px;
   margin-top: 15px;
   border-top: 1px solid #c0c0c0;
}



#SearchIcon {
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
   cursor: pointer;
}
@media (max-width: 690px) {
   #SearchIcon {
      float: right;
      margin-right: 5px;
   }
}


.ListTable {
   border-spacing: 0px;
   width: 100%;
   /* max-width: 620px; */
}
.ListTable td {
   padding: 8px;
}
.ListTable thead,
.ListTable thead td {
   background-color: #E3E3E3;
}
.ListTable thead td:first-child {
   border-radius: 5px 0px 0px 5px;
}
.ListTable thead td:last-child {
   border-radius: 0px 5px 5px 0px;
}

/*
@media (max-width: 910px) {
   .ListTable {
      max-width: none;
   }
}
*/
@media (max-width: 690px) {
   .ListTable td {
      white-space: normal !important;
      width: auto !important;
   }
}



/*****************************
*                            *
*       GENERIC MODAL        *
*                            *
*****************************/

/* BG for Modal Popup Navigation */
#RL_ModalBg,
.ModalBg {
   display: none;
   position: fixed;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   z-index: 5000;
   background: black;
   opacity: 0.6;
}



/* Container for Modal Popup Navigation */
#RL_ModalContainer,
.ModalContainer {
   display: none;
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 5100;
   top: 0px;
   left: 0px;
   white-space: nowrap;
   text-align: center;
}
#RL_ModalContainer:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
}
#RL_ModalContent,
.ModalContent {
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   width: 100%;
   max-width: 380px;
   height: 290px;
   max-height: 100%;
   background: white;
   text-align: left;
   position: relative;
   white-space: normal;
   overflow-y: hidden;
   overflow-x: hidden;
   margin: 20px 0px 20px 0px;
   padding: 40px;
}


#RL_ModalContainer iframe {
   width: 100%;
   height: 100%;
   border: 0px;

}
iframe body {
   padding: 0px;
}


@media (max-width: 365px) {

   #RL_ModalContainer > div {
      height: 295px;
   }

}

/* Close Link */
#RL_ModalClose {
   color: black;
   text-decoration: none;
   font-size: 24px;
   line-height: 1.25em;
   position: absolute;
   top: 0px;
   right: 5px;
   cursor: pointer;
}
@media (max-width: 690px) {
   #RL_ModalClose {
      font-size: 36px;
      right: 10px;
   }
}



/*****************************
*                            *
*   SEARCH SPECIFIC MODAL    *
*                            *
*****************************/
input[type=submit].TripSearchBtn {
  padding: 4px;
  width: auto;
  text-align: center;
  background-color: #0070B0;
  color: white;
  width: 100%;
}
input[type=submit]:hover:enabled.TripSearchBtn {
  background-color: #005a9d;
  color: white;
}
.SearchContent input[type="datetime"],
.SearchContent select {
  border-radius: 3px;
  border-style: none;
  background-color: #dddddd;
  padding: 4px;
}
.SearchContent select {
  width: 100%;
}
.SearchContent input[type="datetime"] {
  box-sizing: border-box;
  width: calc((100% - 5px) / 2);
}
.SearchContent input[type=datetime]:nth-child(odd) {
   float: right;
}



@media (max-width: 690px) {
   .SearchContent input[type="datetime"],
   .SearchContent select {
     font-size: 16px;
   }

   .SearchContent .FormRow {
      margin: 0px;
   }
}

@media (max-width: 325px) {
  .SearchContent select {
     width: 100%;
  }
  .srchEnd {
     float: none;
  }
}
#RL_Modal_Agreement  {
   max-height: 100%;
   margin: 20% auto;
}
#RL_Modal_Agreement div {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}



/*****************************
*                            *
*          COLUMNS           *
*                            *
*****************************/

.Columns {
   letter-spacing: -10px; /* Remove spaces between columns */
}
.Columns > div {
   letter-spacing: 0px;
   display: inline-block;
   vertical-align: top;
   position: relative;
   box-sizing: border-box;
}

.Columns.Two > div {
   width: 49%;
}
.Columns.Two > div:nth-child(2n+1) {
   margin-right: 2%;
}

.Columns.Three > div {
   width: 32%;
}
.Columns.Three > div:nth-child(3n+2) {
   margin-right: 2%;
   margin-left: 2%;
}

@media (max-width: 690px) {
   .Columns > div {
      width: 100% !important;
      text-align: left !important;
   }
   .Columns > div:nth-child(1n+2) {
      margin: 10px 0px 0px 0px !important;
   }
}

@media print {
   .NoPrint {
      display: none;
   }
}