.myButton,.myButton2,button{
    font-family:Arial;
    font-size:10px;
    padding:3px 16px;
    display:inline-block;
    text-decoration:none;
    cursor:pointer
}
input,th{
    text-align:left
}
input,input.smallLeft{
    font-style:normal
}
#menu1b,#menu1b a,#menu1c,#menu1c a{
    width:92px;
    vertical-align:middle
}
#menu2f,#menu2g,#menu2go,#menu2h{
    padding:4px
}
#back-top a,#menu1 a,#menu1a a,#menu1b a,#menu1c a,#menu2 a,#menu2a a,#menu2d a,#menu2e a,#menu2e2 a,#menu2f a,#menu2g a,#menu2go a,#menu2h a,.button,.myButton,.myButton2,.myButton2:hover,.myButton:hover,button,button:hover{
    text-decoration:none
}
#features_link,#features_link2,#features_link3,#privacy_link,#security_link,.button,.myButton,.myButton2,button{
    cursor:pointer
}
.cbp-spmenu a,.cbp-spmenu h3,.cbp-spmenu h4{
    font-weight:300;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:" "
}
h1,h2,h3,input.smallLeftBold{
    font-weight:700
}
.cbp-spmenu{
    background:#ccc;
    position:absolute
}
.cbp-spmenu h3{
    color:#fff;
    font-size:1em;
    padding:10px 0 9px 5px;
    margin:0;
    background:#6a8fe0
}
.cbp-spmenu h4{
    border-top:1px solid #999;
    color:#666;
    font-size:1em;
    padding: 5px 3px 3px 5px;
    margin:0;
    background:#ccc
}
.cbp-spmenu a{
    display:block;
    color:#fff;
    font-size:1em;
    text-decoration: none;
}
.cbp-spmenu a:hover,.cbp-spmenu h4:hover{
    background:#999;
    text-decoration: none;
}
.cbp-spmenu a:active{
    background:#999;
    color:#999;
    text-decoration: none;
}
.cbp-spmenu-vertical{
    top:0;
    z-index:0
}
.cbp-spmenu-vertical a {
    padding: 5px 3px 3px 5px;
}
.cbp-spmenu-right{
    right:0
}
.myButton,button{
    background:linear-gradient(to bottom,#99b1f2 5%,#e1e8ff 100%);
    background-color:#99b1f2;
    border-radius:4px;
    border:0.5px solid #99b1f2;
    color:#000
}
.myButton:hover,button:hover{
    background:linear-gradient(to bottom,#e1e8ff 5%,#99b1f2 100%);
    background-color:#e1e8ff
}
A,A.LinkWhite,A:hover{
    text-decoration:underline
}
.button:active,.myButton2:active,.myButton:active{
    position:relative;
    top:1px
}
.myButton2{
    background:linear-gradient(to bottom,#1f7a1f 5%,#3c3 100%);
    background-color:#1f7a1f;
    border-radius:4px;
    border:0.5px solid #1f7a1f;
    color:#fff
}
.myButton2:hover{
    background:linear-gradient(to bottom,#3c3 5%,#1f7a1f 100%);
    background-color:#e1e8ff
}
.rounded-corners1,.rounded-corners2{
    -moz-box-shadow:6px 6px 12px #888;
    -webkit-box-shadow:6px 6px 12px #888
}
body,input,li,table.noBorder,table.stripeMe,table.stripeMe2,table.stripeMeBorder,td.error,textarea{
    font-family:sans-serif,helvetica;
    font-size:11px
}
#menu2go,#menu2go a{
    vertical-align:Middle
}
body{
    border-style:none;
    border-width:0;
    margin:0
}
td.error{
    color:#f03
}
hr{
    height:1px;
    background-color:#a0a0a0;
    color:#a0a0a0;
    border:none
}
.password_strength{
    padding:0 5px;
    display:inline-block
}
h1,h2,h3{
    margin:0;
    padding:0
}
.password_strength_1{
    background-color:#fcb6b1
}
.password_strength_2{
    background-color:#fccab1
}
.password_strength_3{
    background-color:#fcfbb1
}
.password_strength_4{
    background-color:#dafcb1
}
.password_strength_5{
    background-color:#bcfcb1
}
.rounded-corners1{
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    box-shadow:6px 6px 12px #888
}
.rounded-corners2{
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -khtml-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    box-shadow:6px 6px 12px #888
}
.rounded-corners3{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px 5px 5px 5px;
    border-radius:5px;
    -moz-box-shadow:6px 6px 12px #888;
    -webkit-box-shadow:6px 6px 12px #888;
    box-shadow:6px 6px 12px #888
}
input[type=checkbox],input[type=image],input[type=radio]{
    border:none
}
.focusArea,.focusField{
    background:#eff5ff;
    outline:0;
    border:0.5px solid #4195fc;
    box-shadow:0 0 7px #4195fc;
    -moz-box-shadow:0 0 7px #4195fc;
    -webkit-box-shadow:0 0 7px #4195fc
}
input.smallGrey,input.smallGreyRight{
    color:#000;
    background-color:#e9e9e9;
    border-color:#000;
    border:0.5px solid #333;
}
input{
    border:0.5px solid #333;
}
input.largeRO{
    font-family:garamond;
    font-size:17px;
    border:0 #fff
}
input.placeholder,input.search,input.small,input.smallGrey,input.smallGreyRight,input.standard,select{
    font-family:sans-serif,helvetica
}
input.small,input.standard{
    font-size:11px;
    font-style:normal
}
input.standard{
    border:0.5px solid #333
}
input.search,input.smallGrey,select{
    border-style:solid;
    border:0.5px solid #333;
}
input.search,input.smallGrey,select,table{
    border-width:0.5px;
}
input.small{
    text-align:right
}
input.smallLeft,input.smallLeftBold{
    text-align:left;
    font-family:sans-serif,helvetica;
    font-size:11px
}
input.smallGrey{
    font-size:11px
}
input.smallGreyRight{
    font-size:11px;
    border-style:solid;
    border-width:0.5px;
    text-align:right
}
input.search{
    font-size:11px;
    border-color:#000;
    text-align:left;
    width:100px
}
select{
    font-size:11px;
    border-color:#333
}
input.placeholder{
    color:#ccc;
    font-size:11px;
    font-style:italic
}
A{
    font-family:sans-serif;
    color:#003cbf;
    font-size:11px
}
A.LinkWhite,h1,h2,h3{
    font-family:sans-serif,helvetica
}
#back-top a:hover,A:hover,input,input:disabled,input[readonly],select,textarea{
    color:#000
}
A.LinkWhite{
    color:#fff;
    font-size:9px
}
A.LinkDarkBlue,A.LinkDarkBlueLarge{
    color:#006;
    text-decoration:underline
}
A.LinkDarkBlue{
    font-size:10px
}
#menu14 a:hover,#menu14a a:hover,A.LinkDarkBlueLarge{
    font-size:11px
}
h1,h2{
    font-size:19px
}
h3{
    font-size:13px;
    color:#0000a0
}
td.header1{
    color:#fff;
    margin:20px 0 5px;
    font:italic 700 14px/1.4 "helvetica neue",arial,sans-serif;
    background-image:url(../../images/Acct-Box.png)
}
.noBottom,.noBottomAndTop,table{
    font-size:11px;
    border-style:solid;
    border-color:#000;
    height:30px
}
.noBottom,.noBottomAndTop,table,table.mainMenu,table.mainMenu2{
    font-family:sans-serif
}
.noBottom{
    border-width:1px 1px 0
}
.noBottomAndTop{
    border-width:0 1px
}
table.mainMenu{
    border-style:none;
    height:19px;
    font-size:13px;
    vertical-align:middle
}
table.mainMenu2{
    border-style:none;
    height:19px;
    font-size:13px;
    font-weight: bold; 
    color: #4945C5;
    vertical-align:middle;
    text-decoration: none; 
}
table.mainMenu2 hover{
    color: #FF5733;
}
table.noBorder{
    height:20px;
    border-style:none
}
table.stripeMe{
    height:20px;
    border-style:none;
    border-collapse:collapse;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:" ";
}
table.stripeMe a {
    text-decoration: none;     /* Remove underline */
}

table.stripeMe a:hover {
    text-decoration: none;     /* Ensure no underline on hover as well */
}

table.stripeMe tr:first-child {
    background-color: #CDDEEA; /* Very dark blue */
    color: #365F83;            /* Soft blue text for better contrast */
    text-decoration: none; /* Underline the text in the first row */
    height: 20px;              /* Ensure the row height is 20px */
}

table.stripeMe tr:first-child td {
    padding: 2px 0px;          /* Much smaller padding for a tighter fit */
    border: none;              /* Ensure no border is applied to cells */
    background-color: #CDDEEA; /* Ensures the background is uniform across the row */
}

table.stripeMe tr:first-child td:first-child {
    border-top-left-radius: 8px; /* Slightly rounded top-left corner */
}

table.stripeMe tr:first-child td:last-child {
    border-top-right-radius: 8px; /* Slightly rounded top-right corner */
}

table.stripeMe tr:first-child td a {
    color: #365F83;             /* Change link color to #365F83 */
    font-family:sans-serif,helvetica;
    text-decoration: none;      /* Remove underline from links in the first row */
}

table.stripeMe tr:first-child td a:hover {
    text-decoration: underline; /* Add underline to links in the first row on hover */
}
.stripeMeAttach,table.stripeMeBorder{
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden
}
.stripeMeAttach a,.stripeMeBorder a{
    text-decoration: none;
}
table.stripeMeBorder{
    border:0.5px solid #666;
    border-radius:4px;
    box-shadow:3px 3px 8px rgba(0,0,0,.3)
}
table.jeHeader {
    background-color: #a0e59d;
    border-spacing: 0;
    border: 0.5px solid #666;
    outline: 0.5px solid #666;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .1);
    overflow: hidden;
}
#menu1,#menu1a{
    width:93px;
    border:0 solid #ccc;
    line-height:17px;
    margin:0
}
table.stripeMe2{
    height:20px;
    border-style:none;
    border-collapse:collapse
}
tr.alt td{
    height:20px;
    background:#ecf6fc
}
tr.over td{
    height:20px;
    background:#bcd4ec
}
#menu2,#menu2 a{
    background-color:#e8e8e8
}
#menu2d a:hover,#menu2d a:link,#menu2d a:visited,#menu2go{
    background:url(../../images/menu3.png)
}
#menu2e,#menu2e2,#menu2h{
    background:url(../../images/menu7.png);
    width:124px;
    margin:0
}
#menu3 a:hover,#menu3a a:hover,#menu3a a:link,#menu3a a:visited{
    background:url(../../images/menu5.png)
}
#menu8 a:hover,#menu8a a:hover,#menu8a a:link,#menu8a a:visited{
    background:url(../../images/menu9.png)
}
#menu10 a:hover,#menu10a a:hover,#menu10a a:link,#menu10a a:visited{
    background:url(../../images/menu11.png);
    vertical-align:middle
}
#menu12 a:hover,#menu12a a:hover,#menu12a a:link,#menu12a a:visited{
    background:url(../../images/menu13.png);
    vertical-align:middle
}
#menu14 a:hover,#menu14a a:hover,#menu14a a:link,#menu14a a:visited{
    color:#000;
    background:url(../../images/menu15.png);
    padding:0;
    vertical-align:middle
}
textarea{
    resize:none;
    width:100%;
    border:0.5px solid #333;
    overflow:auto
}
#menu1,#menu1 a,#menu1a a,#menu1b a,#menu1c a{
    height:19px;
    font-family:sans-serif;
    font-size:13px;
    vertical-align:middle
}
ul{
    list-style:none;
    margin:0;
    padding:0
}
#menu1{
    vertical-align:middle
}
#menu1 a,#menu1a a{
    width:93px;
    line-height:17px
}
#menu1 a:link,#menu1 a:visited,#menu1b a:link,#menu1b a:visited{
    color:#000;
    display:block;
    background:url(../../images/menu1.jpg);
    line-height:17px;
    padding:1px 0 0
}
#menu1 a:hover{
    color:#000;
    background:url(../../images/menu2.jpg);
    padding:1px 0 0;
    height:19px;
    vertical-align:middle
}
#menu1a{
    height:19px
}
#menu1a a:link,#menu1a a:visited,#menu1c a:link,#menu1c a:visited{
    color:#000;
    display:block;
    background:url(../../images/menu2.jpg);
    padding:1px 0 0;
    vertical-align:middle
}
#menu1a a:hover,#menu1b a:hover,#menu1c a:hover{
    color:#000;
    background:url(../../images/menu2.jpg);
    padding:1px 0 0;
    vertical-align:middle
}
#menu1b,#menu1c{
    border:0.5px solid #ccc;
    margin:0;
    height:19px
}
#menu2{
    width:124px;
    line-height:14px;
    margin:0
}
#menu2 a,#menu2a a,#menu2d a{
    height:16px;
    line-height:14px
}
#menu2 a:link,#menu2 a:visited{
    color:#000;
    display:block;
    background:url(../../images/menu3.png) #e8e8e8;
    padding:3px 0 0 10px
}
#menu2 a:hover,#menu2a a:hover{
    color:#000;
    background:url(../../images/menu6.png);
    padding:3px 0 0 10px
}
#menu2a{
    width:124px;
    margin:0;
    background-color:#69c
}
#menu2a a:link,#menu2a a:visited{
    color:#000;
    display:block;
    background:url(../../images/menu6.png);
    padding:3px 0 0 10px
}
#menu2d{
    width:124px;
    margin:0;
    background-color:#ccc
}
#menu2d a:link,#menu2d a:visited{
    color:#000;
    display:block;
    padding:3px 0 0 10px
}
#menu2d a:hover{
    color:#000;
    padding:3px 0 0 10px
}
#menu2e,#menu2e2{
    height:42px;
    padding:8px 0 0
}
#menu2e a,#menu2e2 a{
    width:124px;
    height:42px
}
#menu2go{
    width:116px;
    height:20px;
    margin:0
}
#menu2go a{
    width:124px;
    height:29px
}
#menu2f{
    width:124px;
    height:16px;
    display:block;
    margin:0
}
#menu2f a,#menu2h a{
    height:16px;
    color:#000;
    font-family:sans-serif,helvetica;
    font-size:11px
}
#menu2g{
    width:124px;
    margin:0
}
#menu2g a{
    height:58px
}
#menu2h{
    height:16px;
    display:block
}
#menu3,#menu3a{
    width:69px;
    border:none;
    margin:0;
    font-size:11px
}
#menu10 a,#menu10a a,#menu12 a,#menu12a a,#menu14 a,#menu14a a,#menu3 a,#menu3a a,#menu8 a,#menu8a a{
    font-size:11px;
    height:18px;
    line-height:17px;
    text-decoration:none
}
#menu3 a:link,#menu3 a:visited{
    color:#fff;
    display:block;
    background:url(../../images/menu4.png);
    padding:0;
    font-size:11px
}
#menu10 a:hover,#menu12 a:hover,#menu3 a:hover,#menu8 a:hover{
    color:#000;
    padding:0;
    font-size:11px
}
#menu10a a:link,#menu10a a:visited,#menu12a a:link,#menu12a a:visited,#menu3a a:link,#menu3a a:visited,#menu8a a:link,#menu8a a:visited{
    font-size:11px;
    color:#000;
    display:block;
    padding:0
}
#menu10a a:hover,#menu12a a:hover,#menu3a a:hover,#menu8a a:hover{
    font-size:11px;
    color:#000;
    padding:0
}
#menu8,#menu8a{
    width:124px;
    border:none;
    margin:0;
    font-size:11px
}
#menu8 a:link,#menu8 a:visited{
    color:#fff;
    display:block;
    background:url(../../images/menu8.png);
    padding:0;
    font-size:11px
}
#menu10,#menu10a{
    width:100%;
    border:none;
    margin:0;
    font-size:11px;
    text-align:center
}
#menu10 a:link,#menu10 a:visited{
    color:#fff;
    display:block;
    background:url(../../images/menu10.png);
    padding:0;
    font-size:11px
}
#menu12,#menu12a{
    width:140px;
    border:none;
    margin:0;
    font-size:11px
}
#menu12 a:link,#menu12 a:visited{
    color:#fff;
    display:block;
    background:url(../../images/menu12.png);
    padding:0;
    font-size:11px
}
#menu14,#menu14a{
    width:200px;
    border:none;
    margin:0;
    font-size:11px
}
#menu14 a:link,#menu14 a:visited{
    color:#fff;
    display:block;
    background:url(../../images/menu14.png);
    padding:0;
    font-size:11px
}
#menu14a a:link,#menu14a a:visited{
    font-size:11px;
    display:block
}
.spiffy1,.spiffy2{
    padding-right:1px;
    padding-left:1px
}
.olraisedMetallic{
    text-align:center;
    background:#666;
    border:none
}
.olcapMetallic{
    font-family:sans-serif,helvetica;
    font-size:11px;
    color:#666
}
.olfgMetallic{
    background-color:#666;
    text-align:left;
    border:none;
    color:#fff
}
#back-top a,.button{
    text-align:center
}
.scrollup{
    color:gray
}
#back-top{
    position:fixed;
    bottom:30px;
    margin-left:-100px
}
#back-top a{
    width:54px;
    display:block;
    font:10px/100% Arial,Helvetica,sans-serif;
    color:#bbb;
    -webkit-transition:1s;
    -moz-transition:1s;
    transition:1s
}
#back-top span{
    width:54px;
    height:54px;
    display:block;
    margin-bottom:7px;
    background:url(../../images/ToTop.png) center center no-repeat #ddd;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -webkit-transition:1s;
    -moz-transition:1s;
    transition:1s
}
#back-top a:hover span{
    background-color:#777
}
.spiffy{
    display:block
}
.spiffy *{
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#ccc
}
.spiffy1{
    margin-left:3px;
    margin-right:3px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    background:#d8d8d8
}
.spiffy2,.spiffy3{
    margin-left:1px;
    margin-right:1px
}
.spiffy2{
    border-left:1px solid #f9f9f9;
    border-right:1px solid #f9f9f9;
    background:#d5d5d5
}
.spiffy3{
    border-left:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5
}
.spiffy4{
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9
}
.spiffy5{
    border-left:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8
}
.spiffyfg{
    background:#ccc
}
#new_features,#new_features2,#new_features3,#privacy_statement,#security_statement{
    background-color:#fff;
    box-shadow:0 0 25px 5px #999;
    color:#111;
    padding:15px;
    display:none;
    border-radius:10px
}
#new_features,#new_features2,#new_features3{
    max-width:750px;
    max-height:900px
}
#security_statement{
    max-width:450px;
    max-height:300px
}
#privacy_statement{
    max-width:500px;
    max-height:400px
}
.button{
    background-color:#2b91af;
    border-radius:10px;
    box-shadow:0 2px 3px rgba(0,0,0,.3);
    color:#fff;
    display:inline-block;
    padding:10px 20px
}
.button:hover{
    background-color:#1e1e1e
}
.button>span{
    font-size:84%
}
.button.b-close,.button.bClose{
    cursor:pointer;
    border-radius:7px;
    box-shadow:none;
    font:700 131% sans-serif;
    padding:0 6px 2px;
    position:absolute;
    right:2px;
    z-index:9999
}
.loading-indicator-wrapper.loader-hidden{
    opacity:0;
    z-index:-1
}
.loading-indicator-wrapper img{
    vertical-align:middle;
    display:inline-block
}
.loading-indicator-wrapper .loader{
    margin:0 auto;
    font-size:10px;
    position:relative;
    display:inline-block;
    text-indent:-9999em;
    border-top:1.1em solid rgba(255,255,255,.2);
    border-right:1.1em solid rgba(255,255,255,.2);
    border-bottom:1.1em solid rgba(255,255,255,.2);
    border-left:1.1em solid #fff;
    -webkit-animation:1.1s linear infinite load;
    animation:1.1s linear infinite load
}
.loading-indicator-wrapper .loader,.loading-indicator-wrapper .loader:after{
    border-radius:50%;
    width:10em;
    height:10em
}
.loading-indicator-wrapper .loading-indicator-helper{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.ui-datepicker-trigger{
    position:relative;
    height:16px;
    left:2px;
    bottom:2px;
    vertical-align:middle
}
input[type=checkbox],input[type=radio]{
    vertical-align:middle;
    position:relative;
    bottom:1px
}
input[type="radio"] {
    appearance: none; /* Removes default style */
    width: 12px;
    height: 12px;
    border: 0.5px solid #666; /* Custom border */
    border-radius: 50%; /* Ensures a circular shape */
    background-color: #fff;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-bottom: 3px;
}

input[type="radio"]:checked {
    background-color: #666; /* Fill color when selected */
    border: 0.5px solid #444;
}
select:readonly{
    color:#000
}
.stripeMeAttach{
    border:0.5px solid #666;
    border-radius:4px;
    box-shadow:3px 3px 8px rgba(0,0,0,.3)
}
.stripeMeAttach tr{
    background:#fff
}
.stripeMeAttach td{
    padding:3px;
    border-bottom:1px solid #aaa
}
.stripeMeAttach tr:last-child td{
    border-bottom:none
}
.stripeMeAttach tr:hover{
    background:#f9f9f9
}
hr {
    border: none;
    height: 0.5px;
}
.ui-datepicker-trigger {
    vertical-align: middle; /* Aligns with the input field */
}
.ui-datepicker-trigger {
    margin-top: 3px; /* Moves the button down slightly */
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.login-instructions {
  animation: slideInFromRight 3s ease-out forwards;
}
input[type="checkbox"] {
  transform: scale(0.85);
}
input[type="radio"]:disabled {
  filter: grayscale(100%);
  opacity: 0.5; /* Makes it visibly dimmed */
  cursor: not-allowed; /* Shows a disabled cursor */
}
#customTable {
    border-collapse: collapse;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); /* 3D shadow effect */
}
/* Style for the menu items */
.menu-item {
    display: inline-block;
    background-color: #a1c6e7;  /* Light off-blue color */
    border-radius: 10px 10px 0 0;  /* Rounded top corners */
    text-align: center;
    padding: 5px 10px;
    margin: 0 2px;
}

/* Style for the selected menu item */
.menu-item.selected {
    background-color: #6a9bbf;  /* Darker blue for selected items */
}

/* Style for links inside the menu items */
.menu-item a {
    text-decoration: none;
    color: #ffffff;  /* White color for text */
    font-size: 12px;
}

/* Optional: Add hover effect */
.menu-item:hover {
    background-color: #85b6d1;  /* Slightly darker on hover */
}