@import url("Theme.London_NoFeedBack.css?55342");

/* =============================================================================
     Fonts    
   ========================================================================== */
@font-face {
  font-family: 'Roboto';
  src: url('/AthleteTheme/webfonts/Roboto-Regular-webfont.eot');
  src: url('/AthleteTheme/webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('/AthleteTheme/webfonts/Roboto-Regular-webfont.woff') format('woff'), 
    url('/AthleteTheme/webfonts/Roboto-Regular-webfont.ttf') format('truetype'), 
    url('/AthleteTheme/webfonts/Roboto-Regular-webfont.svg#Roboto') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RobotoBold';
  src: url('/AthleteTheme/webfonts/Roboto-BoldCondensed-webfont.eot');
  src: url('/AthleteTheme/webfonts/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), 
  url('/AthleteTheme/webfonts/Roboto-BoldCondensed-webfont.woff') format('woff'), 
  url('/AthleteTheme/webfonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'), 
  url('/AthleteTheme/webfonts/Roboto-BoldCondensed-webfont.svg#RobotoBold') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontAwesome';
  src: url('/AthleteTheme/webfonts/fontawesome-webfont.eot');
  src: url('/AthleteTheme/webfonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
     url('/AthleteTheme/webfonts/fontawesome-webfont.woff') format('woff'),
     url('/AthleteTheme/webfonts/fontawesome-webfont.ttf') format('truetype'),
     url('/AthleteTheme/webfonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome321';
  src: url('/AthleteTheme/webfonts/FontAwesome321.eot');
  src: url('/AthleteTheme/webfonts/FontAwesome321.eot?#iefix') format('embedded-opentype'),
     url('/AthleteTheme/webfonts/FontAwesome321.woff') format('woff'),
     url('/AthleteTheme/webfonts/FontAwesome321.ttf') format('truetype'),
     url('/AthleteTheme/webfonts/FontAwesome321.svg#FontAwesome321') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/AthleteTheme/webfonts/Lato-Reg.ttf') format('truetype'),
     url('/AthleteTheme/webfonts/Lato-Reg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/AthleteTheme/webfonts/Lato-Bol.ttf') format('truetype'),
     url('/AthleteTheme/webfonts/Lato-Bol.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/* =============================================================================
     Overwritting    
   ========================================================================== */
.Footer {
    background: #FFFFFF;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}
.Footer .ItemsList {
    margin: 0 auto;
    text-align: center;
}
.Footer .FooterItem {
    margin: 0 auto;
    display: inline-block;
    padding: 0 25px;
    text-align: center;
    vertical-align: top;
}
@media only screen
and (max-width: 600px) {
    .Footer {
        padding-bottom: 30px;
    }
    .Footer .ItemsList {
        width: 100%;
    }
    .Footer .FooterItem {
        width: 100%;
        padding: 0;
        margin: 2px 0;
        display: block;
        clear: both;
        float: none;
    }
}

.Footer .FooterItem a, .Footer .FooterItem .gc-cs-link { color: #1B75BB !important; text-decoration: none !important; }

html, body {
    background: #fff !important;
    margin: 0; padding: 0;
    height: 100%;
    line-height: 1;
    font-family: "Roboto", "Helvetica-Neue", sans-serif;
}
body, table {
    font-size: 14px;
    line-height: 1.3em !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    color: #111111 !important;
}

select, textarea, input,
input[type="text"], input[type="email"], 
input[type="number"], input[type="tel"], input[type="password"] {
    font-size: 14px;
    line-height: 1.43;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #111111 !important;
    padding: 3px 6px;
    border: 1px solid #cccccc;
}
input[type="submit"], button {
    color: #fff !important;    
}
select {
    padding: 6px;
    -webkit-appearance: menulist !important;
}
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,
input[type=email]:focus,select:focus, textarea:focus {
  box-shadow: 0 0 5px #1B75BB;
  border: 1px solid #1B75BB !important;
  background-color: #f2f2f2 !important;
  color: #111 !important;
  outline: none !important;
}
input[type=submit]:focus {
    background: #005685;
}

body, table {
    font-size: 16px;
}

a,
a:link,
a:visited {
    color: #1B75BB;
    text-decoration: none;
    -webkit-transition: color .2s ease-in;  
    transition: color .2s ease-in;      
}

a:hover {
    color: #1f8ed7;
    text-decoration: none;
}

a[disabled='disabled'], 
a[disabled='disabled']:hover {
    background: transparent;
    color: #bbb;
    text-decoration: none;
}

select,
input[type="text"],
input[type="email"], 
input[type="number"], 
input[type="tel"],
input[type="password"] {
    background-color: #EEEEEE !important;
}

/* Custom Spinner CSS */
#custom-spinner {
    width: 305px;
    height: 225px;
    border-radius: 6px;
    padding: 20px;
    z-index: 300;
    position: absolute;
}

/* GST (Australia Pricing) Styling */
.GSTLabel {
    display: inline-block;
    width: 100px;
    text-align: left;
    font-weight: bold;
}
.GSTValue {
    display: inline-block;
    width: 100px;
    text-align: left;
}

/* Mobile */

@media (max-width: 724px) {
    
    .btn-lg {
        font-size: 20px;
        line-height: 33px;
        width: 140px;
    }
    
}

/************************************/
/*********** Custom *****************/
/************************************/

.PageWrapper, .NavigationWrapper, .HeaderWrapper {
    max-width: 1240px;
    margin: 0 auto;
}

.PaginationContainer {
    margin-top: 10px;
}

 .iconfont{
    font-family: FontAwesome !important;
 }
 
 .iconfont321{
    font-family: FontAwesome321 !important;
 }
 
 a.fill_link {
    height: 100%;
    width: 100%;
    display: block;
 }
 
 .Clickable {
    cursor: pointer; 
    cursor: hand;
}

.Bold {
    font-weight: bold;
}

.Menu_TopMenu .Bubble {
    background-color: #CF0A2C;
    color: #EEEEEE;
    border-radius: 2em;
    position: absolute;
    top: 5px;
    left: 50px;
    font-size: 10px;
    line-height: 16px;
    height: 18px;
    width: 18px;
    z-index: 10;
}

.AndroidBubble {
    left: auto;
    right: 30px;
}

.PopupContainer {
    width: 500px;
    padding: 15px;
}

.PopupContainer .btn-lg {
    line-height: 33px;
}

.PopupContainer .ButtonsContainer .RegularLink{
    line-height: 34px;
}

/* ButtonsContainer */

.ButtonsContainer {
    margin: 10px 0px 10px 0px;
    font-size: 22px;
    clear: both;
}

.ButtonsContainer .RegularLink {
    line-height: 50px;
}

.ButtonsContainer .iconfont321 {
    font-size: 24px;
    padding-right: 5px;
}

.ButtonsContainer .RightButtons {
    float: right;
}

@media (max-width: 724px) {
    .ButtonsContainer {
        margin: 10px 10px 10px 10px;
        font-size: 20px;
    }
    
    .ButtonsContainer .RegularLink {
        line-height: 33px;
    }
    
    .ButtonsContainer .iconfont321 {
        font-size: 22px;
    }
}

/* Tablet and Desktop */

@media (min-width: 725px) {
    
  .Menu_TopMenu .Bubble {
      top: 10px;
      left: 60px;
  }

}

.FontAwesome321 {
    font-family: 'FontAwesome321';
    font-size: 16px;
    font-weight: normal;
}

.Heading1{
    font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}

.TopHeader {
    padding: 0;
    margin: 0px !important;
    box-shadow: none;
    border-bottom: 1px solid #111;
    text-align: center;
    min-height: 110px;
    max-height: 175px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center center;
}

.TopHeader .TenantName {
    font-family: "Roboto", Arial, Tahoma;
    font-weight: bold;
    font-size: 22px;
    background-color: #fff;
    padding: 8px;
    max-width: 375px;
    max-height: 100px;
    margin: 0 auto;
    border: 1px solid #111;
    border-top: none;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.55);
    text-align: center;
    opacity: 0.8;
}

.TopHeader .LogoImage {
    width: 100%;
    padding: 0; margin: 0;
    border: none;
    z-index: 50;
    position: absolute;
    top: 0px;
    margin: 0 auto;
    text-align: center;
}
.TopHeader .LogoImage img.Logo {
    background-color: #fff;
    padding: 5px;
    margin: 0;
    max-width: 375px;
    max-height: 100px;
    vertical-align: middle;
    border: 1px solid #111;
    border-top: none;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.55);
}
@media only screen
and (max-width: 480px){
    .TopHeader {
        max-height: 110px !important;  
    }
    
}


.BreadCrumbTrial {
    padding: 4px 15px;
    background-color: #e2e2e2;
    color: #111;
    font-size: 14px;
    min-height: 22px;
    border-radius: 5px;
}
.BreadCrumbTrial a { text-decoration: none; }
.BreadCrumbTrial .arrow {
    margin: 0px 8px;
    vertical-align: middle;
    font-size: 14px !important;
    font-weight: normal !important;
}
.MobileBackLink { display: none; }

@media only screen
and (max-width: 480px){
    .BreadCrumbTrial {
        display: none;
    }
    .MobileBackLink {
        display: block;
        margin-top: 20px;
        font-size: 14px;
    }
    .MobileBackLink .arrow {
        margin-right: 8px;
        vertical-align: middle;
        font-size: 14px !important;
        font-weight: normal !important;
    }
}


.Navigation {
    background-color: #555;
    padding: 0; margin: 0;
    border: none;
    width: 100%;
}
.TopMenu {
    padding: 0px 20px;
    margin: 0;
    height: 35px;
    vertical-align: bottom;
}
.TopMenu .MenuItem {
    width: 180px;
    padding: 0px;
    margin-top: 6px;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    border-right: 1px solid #333; /* Removing once we add more pages */
    font-size: 14px;
    color: #333;
    background-color: #fff;
    display:inline-block;
    text-align: center;
}
.TopMenu .MenuItem:last-child {
    border-right: 1px solid #333;   
}

.TopMenu .MenuItem a {
    padding: 3px 15px 5px 15px;
    display: block;
    color: #fff;
    background-color: #1B75BB;
}

.TopMenu .MenuItem a.active {
    color: #333;
    background-color: #fff;
    font-weight: bold;
}
.LocationDropDown {
    float: right;   
    padding: 5px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
}
select.LocationSelect {
    padding: 2px 5px !important;
    font-size: 12px !important;
    height: 24px;
}
.MainContent {
    background-color: #fff;
    vertical-align: top;
}
.MainContainer {
    padding: 0 25px;
}
@media only screen
and (max-width: 480px){
    .MainContainer {
        padding: 0 18px;
    }
    .TopMenu {
        padding: 0px 12px;  
        white-space: nowrap;
    }
    .TopMenu .MenuItem {
        width: auto;  
    }
    .TopMenu .MenuItem a{
        padding: 3px 6px 5px 6px;
        font-size: 12px;
    }
}

.LeftSubNav {
}
.RightSubNav {
    float: right;
    max-width: 450px;
    margin-left: 15px;
    min-width: 250px;
    min-height: 100px;
    vertical-align: middle;
    background-color: #e2e2e2;
    border: 1px solid #ccc;
    padding: 12px;
    font-size: 14px;
}
.RightSubNav.Glowing {
    box-shadow: 0 0 5px #1B75BB;
    border: 1px solid #1B75BB;
}
@media only screen
and (max-width: 480px) {
    .LeftSubNav {

    }
    .RightSubNav {
          float: none;
          margin: 15px 0 0 0;
          width: auto;
    }
}
.RightSubNav select,
.RightSubNav input[type="text"],
.RightSubNav input[type="email"], 
.RightSubNav input[type="number"], 
.RightSubNav input[type="tel"],
.RightSubNav input[type="password"] {
    background-color: #f7f7f7;
}

td.TableRecords_EvenLine, td.TableRecords_OddLine {
    border: none;   
}

table.OnlineMembershipsTable {
    background: #fff;
    border: none;
}
table.OnlineMembershipsTable th, .TableRecords_Header {
    background-color: #e2e2e2;
    color: #000;
    font-size: normal;
    font-weight: normal;
    padding: 5px;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
table.OnlineMembershipsTable td {
    background: transparent;
    padding: 0px !important;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
table.OnlineMembershipsTable td .container {
    padding: 10px 20px;
    margin: 0;
    display: block;
    vertical-align: middle;
}
table.OnlineMembershipsTable td .container:hover {
    background-color: #eee;   
}
table.OnlineMembershipsTable td .container.ActiveLocation {
    background-color: #1B75BB;
    color: #fff;
}
table.OnlineMembershipsTable td .container .RightDetails {
    margin: 0;
    vertical-align: middle;
}
table.OnlineMembershipsTable td:last-child {
    border-bottom: 1px solid #e2e2e2;
    padding: 0px;
}
table.Empty td {
    padding: 10px 20px !important;
    margin: 0;
}

table.SessionTable, table.SessionTable td, table.SessionTable td:last-child {
    color: #111;
    border: none;   
}
table.SessionTable .SessionLink {
    color: #1B75BB;
    text-decoration: none;
    -webkit-transition: color .2s ease-in;  
    transition: color .2s ease-in;      
}
table.SessionTable .SessionLink:hover {
    color: #1f8ed7;
    text-decoration: none;   
}

.RightArrow {
    margin-top: 30px;
    width: 35px;
    float: right;
}

.OnlineMembershipDetails {
    font-size: 14px;
    color: #333;
}

.OnlineMembershipPrice {
    text-transform: uppercase;
    font-weight: bold;
}

.OnlineMembershipDropInDetails {
    font-size: 14px;
    color: #333;
}

.LocationName {
    color: #777;   
}

.ClassDateTime {
    font-weight: bold;
    margin: 5px 0;
}

.OnlineSalesButton, 
#OptimalPaymentForm_SubmitButton,
.UKDDConfirmation a.Button {
    background: #1B75BB;
    border: 1px solid #555;
    color: white;
    text-shadow: none;
    vertical-align: middle;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    filter: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    /* Add Touch States to Your Buttons: Remove the tap highlight color, we want to use active state css instead */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.TotalDue {
    background-color: #555;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    margin-top: 5px;
    box-sizing: border-box;
}
@media only screen
and (max-width: 480px){
    .TotalDue {
        padding-right: 0px;
    }
}

.PaymentDetails_CreditCards {
    text-align: center;
}
.PaymentDetails_CreditCards img {
    max-width: 32px;
    height: auto !important;
}

select.ExpirationDate_Select {
    font-size: 14px;
    padding: 4px;
}

/* START Sign Waiver Block CSS */

.WaiverContainer { max-width: 875px; }
@media only screen
and (max-width: 1240px){
    .WaiverContainer {
        width: 100%;
        clear: both;
    }
    .RightSubNav .WaiverRightSubNav:parent {
        float: none;
        clear: both;
        margin-left: 0px;
        margin-bottom: 10px;
    }
}
.WaiverContainer table.EditRecord { margin: 0px; }
.WaiverContainer .MandatoryCaption:after { display: none; }
.WaiverContainer td.EditRecord_Caption, .WaiverContainer td.EditRecord_Value { 
    color: #666;
    padding: 8px 0;
    font-size: 14px;
}
.WaiverContainer input[type="text"],.WaiverContainer input[type="email"],.WaiverContainer input[type="number"],
.WaiverContainer textarea {
    font-size: 14px;
    padding: 4px 6px;
}
.WaiverContainer select {
    font-size: 14px;
    padding: 6px;
}
.WaiverContainer input[type="submit"] {
    margin-left: 10px;   
}
.WaiverContainer input[type="submit"]:disabled {
    background-color: #b2b2b2;
    color: #eee;
}
.WaiverContainer input[value="Cancel"] { margin-left: 0; }
.WaiverContainer .StepDetailsNoPopup, .WaiverContainer .TermsContainer, .WaiverContainer .TermsContainer p {
    color: #111 !important;   
}
.WaiverContainer canvas {
    background-color: #eee;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
}
.WaiverContainer .initialBox .list_item {
        display: inline-block;
        width:98px;
        text-align: center;
        padding: 8px 0;
        position: relative;
        height: 10px; 
}
.WaiverContainer .initialBox .list_item:after {
        width: 0px;
        height: 0px;
        display: block;
        border: 20px solid transparent;
        border-left-color: #000;
        position: absolute;
        top: -2px;
        right: -37px;
        content: "";
        z-index: 600;
}
.WaiverContainer .initialBox .list_item:before {
        width: 0px;
        height: 0px;
        display: block;
        border: 20px solid transparent;
        border-left-color: #1B75BB;
        position: absolute;
        top: -2px;
        right: -35px;
        content: "";
        z-index: 700;
}
table.EditWaiverTable, .StepDetailsNoPopup, .SignWaiver {
        /*background: #FFF !important;
        color: #111 !important;*/
}
div.WaiverInput::after {
    content: "*";
    color: red;
    padding: 8px 5px;
    font-size: 14px;
    font-weight: bold;
}
/* END Sign Waiver Block CSS */

/* START UKDD Confirmation Block CSS */
.UKDDConfirmation {
    padding: 10px;
}
.UKDDConfirmation .h1 {
    font-size: 1.5em !important;
    margin-bottom: 20px !important;
}
.UKDDConfirmation td {
    padding: 5px !important;   
}
.UKDDConfirmation td table td {
    padding: 5px !important;   
}
.UKDDConfirmation ul,
.UKDDConfirmation li {
    list-style-type: none !important;   
}
.UKDDConfirmation div img {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
}
.UKDDConfirmation a.Button.MarginLeft {
    margin-left: 5px;
}
.UKDDConfirmation a.Button.Gray {
    background: #D8D8D8;
    color: #111;
}
.UKDDConfirmation .GuarenteeContainer {
    background-color: #fff;
}
.UKDDConfirmation .GuarenteeContainer img {
    border: none;
}
.UKDDConfirmation .ConfirmationContainer {
    max-height: none;
    padding-right: 0px;
}
.UKDDConfirmationHeader {
    margin: 0px auto 15px auto;
    max-width: 750px;
}
/* END UKDD Confirmation Block CSS */

span.ValidationMessage {
  color: #000 !important;
  font-size: 11px;
  position: absolute;
  padding: 6px;
  font-weight: bold;
  background: #cc2626;
  max-width: 300px;
  z-index: 100;
}
input.Not_Valid, select.Not_Valid, textarea.Not_Valid {
  border: 2px solid #cc2626;
}
input.Not_Valid, select.Not_Valid, textarea.Not_Valid {
  border: 2px solid #cc2626;
}

.Feedback_AjaxWait_CursorProgress,
.Feedback_AjaxWait_CursorProgress a,
.Feedback_AjaxWait_CursorProgress input {
    cursor: progress;
}

table.PersonalInfoForm td {
    padding: 8px 0;   
}
table.PersonalInfoForm .linebreak {
    width: 100%;
    height: 2px;
    background-color: #ccc;
    color: #ccc;
    margin: 5px 0;
    padding: 0;
}

/* jQuery Mobile Overlay Loader CSS */
/* Absolute Center CSS Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.LoginErrorMessageBox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#db3e3e;
    margin: 3px 0 8px 0;
    padding: 8px;
    border: 1px solid #555;
    text-align: center;
    line-height: 1.1em;
    font-size: 12px;
    color: #fff;
}
.LoginErrorMessageBox a:link, .LoginErrorMessageBox a:visited, .LoginErrorMessageBox a:active, .LoginErrorMessageBox a:hover {
    color: #fff;   
    text-decoration: underline;
}
.LoginMain {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
}
.LoginMain, .LoginMain table td {
    font-size: 200%;   
}
.LoginMain input[type="text"], .LoginMain input[type="password"] {
    font-size: 30px;
    padding: 8px;
    height: 54px;
}
.LoginMain input[type="submit"] {
    font-size: 30px;   
}
a.Feedback_Message_Wrapper_Close {
    position: absolute !important;
    top: 5px !important;
    right: 35px !important;
    width: 20px;
    color: white !important;
    text-decoration: none !important;
    display: block;
    padding-right: 5px;
    padding-left: 5px;
}

.PersonalInfoFormContainer {
    width: 650px;
}
.PersonalInfoFormContainer .LeftDiv {
    width: 50%;
    float: left;
}
.PersonalInfoFormContainer .RightDiv {
    width: 50%;
    float: left;
    display: block;
    clear: both;
}

.CenteredContainer td {
    padding: 20px;
    font-size: 14px;
}
.CenteredContainer.SmallInfo {
    margin: 0px auto;
    max-width: 1024px;
    background-color: #eee;
    border: 1px solid #ddd;
}

.MembershipName {
    font-size: 150%;
    font-weight: bolder;
}

.SubTitle {
    font-weight: bold;
}

.GetStartedContainer {
    background-color: #e2e2e2;
    padding: 20px;
    width: 300px;
}

.GetStartedContainer .Initial {
    color: #CC2626;
    font-weight: bold;
}

.SignatureContainer {
    background-color: inherit; 
}

/* Contracts formatting override */
.ContractContainer .DesktopWidth {
    min-width: 600px;
}

.ContractContainer td {
    padding: 0px;
}

.ContractContainer .EditRecord_Caption {
    padding: 7px 10px 0 0;
}

.ContractContainer .EditRecord_Value {
    padding: 5px 0;  
}

.ContractContainer .MandatoryCaption:after {
    display: none;
}

.ContractContainer .TermsContainer, .TermsContainer p {
    color: #000;
}

.ContractContainer .StepDetails, .StepDetailsNoPopup, .ContractName, .SignContract, .SignWaiver {
    color: #000;
}

.ContractContainer canvas {
    background-color: #eee;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
}


/*------------------------------------*\
        Password Reveal
\*------------------------------------*/

.passwordReveal {
    display: block;
    position: relative;
}

.passwordReveal .inputPlaceholder {
    position: relative;
    padding: 0px 4px 0px 0px;
}

.passwordReveal .iconPlaceholder {
    width: 30px;
    cursor: pointer;
    height: 34px;
    color: #111;
}

.passwordReveal .iconPlaceholder .password-eye {position: relative;top: 10px;}

.passwordReveal .iconPlaceholder .password-eye.eyecrossed:before {
    content: "";
    width: 15px;
    height: 1px;
    background: #111;
    position: absolute;
    transform: rotate(-34deg);
    top: 5px;
}

/*------------------------------------*\
        Dependents List
\*------------------------------------*/

.dependents-userListItem{
    margin-bottom: 15px;
}

.dependents-userListItemInfo{
    margin-bottom: 10px;
    display: inline-block;
    top: -19px;
    position: relative;
}

.dependents-userListItem > div{
    line-height: 15px;
}

.dependents-userListItemPicture{
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}

.dependents-userListLink{
    font-size: 10px;
}

.dependents-userListItem:hover .dependents-userListName span,
.dependents-userListItem:hover .dependents-userListLink a {
    color: #1f8ed7;
}

/*------------------------------------*\
        Media Queries
\*------------------------------------*/

@media only screen
and (max-width: 480px){
    .CenteredContainer td {
        display: block;
        padding: 10px;
    }
    
    .ContractContainer td {
        padding: 0px;
    }
    
    .GetStartedContainer {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }
}

/*****************
* IMPORTED STYLES FROM SILK UI - DO NOT DELETE
******************/
/* Tooltip **************************/
.tooltipstered {
    cursor: help;
}

.tooltipstered.balloon {
    cursor: pointer;
}

.tooltip_style {
    background-color: #2a2a2a;
    border: 0;
    border-radius: 0;
    color: #fff;
    max-width: 700px;
}

.tooltip_style .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    padding: 8px 10px;
}

/* ToggleButton **************************/
.ToggleButton {
    background: #fff;
    border: 1px solid #8890a4;
    border-radius: 34px;
    height: 28px;
    outline: 1px solid transparent;
    transition: outline-color .3s ease-out;
    width: 54px;
}

.ToggleButton_label.onToggleFocus {
    box-shadow: 0 0 5px #5d3e92;
}

.ToggleButton_label {
    color: transparent;
    cursor: pointer;
    display: block;
    height: 28px;
    position: relative;
    transition: left .15s ease-out;
    width: 50px;
}

.ToggleButton_label:after {
    background-color: #8890a4;
    border-radius: 10px;
    top: 4px;
    border-color: #dcdcdc;
    border-style: solid;
    border-width: 1px;
    color: #444;
    content: "";
    display: block;
    height: 15px;
    left: 5px;
    position: absolute;
    transition: left .15s ease-out;
    width: 15px;
}

.ToggleButton_label.changed:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 15px;
    left: 30px;
    position: absolute;
    top: 5px;
    transition: left .15s ease-out;
    width: 15px;
}

.ToggleButton_label input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.ie7 .ToggleButton_label input,
.ie8 .ToggleButton_label input {
    z-index: -1;
}

.ToggleButton.changed {
    background-color: #5d3e8c;
    border-color: rgba(0, 0, 0, 0.05);
    background-image: none;
    color: #444;
}