body,html {
font-family: Verdana, Geneva, sans-serif;
}
.modalmark {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: 900;
color: #1A3366;
width: 18px;
height: 18px;
background: #9db3e0;
border: 1px solid white;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
text-align: center;
display: inline-block;
}
.questionmark, .refreshcaptcha {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: 900;
color: #1A3366;
width: 20px;
height: 20px;
background: #9db3e0;
border: 1px solid #1A3366;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
text-align: center;
cursor: pointer;
box-shadow: 0 1px 3px #111;
-moz-box-shadow: 3px 3px 1px #999;
-webkit-box-shadow: 3px 3px 1px #999;
display: inline-block;
}
.questionmark:hover, .refreshcaptcha:hover {
background: #1A3366;
color: #FFF;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
visibility: hidden;
width: 240px;
background-color: #1A3366;
color: white;
text-align: center;
border-radius: 6px;
padding: 5px 5px 10px 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -120px;
opacity: 0;
transition: opacity 1s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -11px;
border-width: 5px;
border-style: solid;
border-color: #1A3366 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
margin-bottom: 5px;
}
.modal {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 2000; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
width: 20%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: zoomIn;
-webkit-animation-duration: 0.5s;
animation-name: zoomIn;
animation-duration: 0.5s;
/* border: 5px double #112D03!important; */
}
@media only screen and (max-width : 1800px) {
.modal-content {
width: 40%;
}
}
/* Add Animation */
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.closebtn {
padding-top: 8px;
color: white;
float: right;
font-size: 24px;
font-weight: bold;
}
.closebtn:hover, .closebtn:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5a74a8;
color: white;
}
.modal-body {
padding: 10px;
}
.modal-footer {
padding: 2px 16px;
background-color: #5a74a8;
color: white;
}
.loader {
border: 4px solid silver;
border-radius: 50%;
border-top: 4px solid #1A3366;
width: 25px;
height: 25px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin: auto;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
table tr.spouseInfo {
display: none;
}
table.showSpouseInfo tr.spouseInfo {
display: table-row;
}
table tr.Member1Info {
display: none;
}
table.showMember1Info tr.Member1Info {
display: table-row;
}
table tr.FundInfo {
display: none;
}
table.showFundInfo tr.FundInfo {
display: table-row;
}
.btnstyle {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: black;
padding: 5px 10px 5px 10px;
border: solid 1px #CCC;
background: #D6EBFF;
width: 100px;
cursor: pointer;
}
.btnstyle:hover {
background: #1A3366;
color: #FFF;
}
input[type="button"].btnstyle:enabled {
background: #D6EBFF;
}
input[type=button].btnstyle:disabled {
background: #dddddd;
color: white;
}
input[type="button"].btnstyle:hover:enabled {
background: #1A3366;
color: #FFF;
}
input[type="button"].btnstyle:hover:disabled {
}
.rbtnstyle {
width: 16px;
height: 16px;
vertical-align: bottom;
position: relative;
top: -8px;
}
.chkboxstyle {
width: 16px;
height: 16px;
vertical-align: bottom;
position: relative;
top: -5px;
}
.textboxstyle {
height: 18px;
}
.pulldownstyle {
height: 24px;
}
div.pagecontainer {
display:none;
}
div.head{
padding-top: 50px;
width: 1000px;
padding:0px;
border:0px solid gray;
background-color: #1A3366;
margin:0px;
text-align: center;
box-shadow: 2px 0px 5px #888888;
}
div.foot{
padding-bottom:50px;
width: 985px;
padding:0px;
border:0px solid gray;
background-color: #1A3366;
margin:0px;
text-align: left;
box-shadow: 2px 2px 5px #888888;
}
div.main{
width: 1000px;
padding:0px;
border:0px solid gray;
background-color: #EBF5FF;
margin:0px;
text-align: center;
padding-top:0px;
margin-left:auto;
margin-right:auto;
box-shadow: 3px 0px 5px #888888;
}
div.copyrt{
width: 1000px;
padding:0px;
border:0px solid gray;
margin:0px;
text-align: left;
font-size:10px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
}
span.reqlbl{
margin: 0px;
text-align: left;
color: #FF0000;
}
span.lbl{
color: #000000;
font: 12px/30px Verdana, Geneva, sans-serif;
}
span.titlelbl{
color: #000000;
font: normal bold 14px/30px Verdana, Geneva, sans-serif;
}
p{
text-align: center;
max-width: 1000px;
left: 50px;
right: 50px;
}
p.clcopyrt{
text-align: left;
max-width: 1000px;
}
.calendar-box {
display:none;
background-color:#fff;
border:1px solid #444;
position:absolute;
width:250px;
padding: 0 5px;
z-index: 1000;
}
.calendar-box select.calendar-month {
width:90px;
}
.calendar-box select.calendar-year {
width:70px;
}
.calendar-box .calendar-cancel {
width:100%;
}
.calendar-box table td {
width:14%;
font: 12px/20px Verdana, Geneva, sans-serif;
}
.calendar-box .calendar-title {
text-align:center;
}
.calendar-box a {
text-decoration:none;
}
.calendar-box .today a {
padding:0 5px;
margin-left:-5px;
background-color:#ffe9c6;
}
.calendar-box .selected a {
padding:0 5px;
margin-left:-5px;
background-color:#c9ff8b;
}