html,
body {
font-size: 16px;
margin:0;
padding:0;
height:100%;
}
body{font-family:Arial, Helvetica, sans-serif;font-size:100%;background-color:white;color:black;}
.myimg {
width:100%;
height:auto;
}
/*.row { max-width: 90.063em; } blue 44637a #5161ac #16406f surf blue #061BA4 lt blue acbbc4 539DC2 #6699CC yellow d8a336 old yellow E6C100*/
.test { border:2px solid green;}
/*
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: bold; color: #d8a336; text-decoration: none;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .875rem; font-style: normal; font-weight: normal; color: black; text-decoration: none;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: bold; color: #6699CC; text-decoration: none;}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; color: green; text-decoration: none;}
*/
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: bold; color: #305C66; text-decoration: none;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; color: #305C66; text-decoration: none;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: bold; color: #305C66; text-decoration: none;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; color: #305C66; text-decoration: none;}
.h2bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: black; text-decoration: none;}
.heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #d8a336; text-decoration: none;}
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2rem; font-style: normal;
font-weight: bold; color: #d8a336; text-decoration: none;
position:relative;
/*left:10%;*/
}
.headinglink {
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-style: normal;
font-size: .8rem;
float:right;
}
.headinglink:hover {
}
.phomelink a{
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-style: normal;
font-size: 1rem;
}
.phomelink a:hover {
color:#061BA4;
}
.greeting{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; color: black; text-decoration: none;}
.greeting a {
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-style: normal;
font-size: .8rem;
}
.greeting a:hover {
color:#061BA4;
}
/* unvisited link */
a:link {
color: #407b88;
text-decoration:none;
font-weight: 600;
}
/* visited link */
a:visited {
color: #407b88;
}
/* mouse over link font-size: 1.1rem;*/
a:hover {
text-decoration:underline;
font-weight: bolder;
}
.nlink{
color: #407b88;
text-decoration:none;
font-weight: 600;
}
.nlink:hover {
text-decoration:underline;
color: #54abbf;
font-weight: bolder;
}
.beginner{ font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; color: #305C66; text-decoration: none;}
.beginner:hover{ font-weight: bold; color: #305C66; text-decoration: none; }
/*#5161ac #6699CC #16406f surf blue #061BA4 padding:top right bottom left; */
.tdate {color:white;position: absolute;left:50%;}
.pmlist input[type="radio"] {margin:0px;padding:10px;margin-left:30px;}
.pmlist{font-weight: normal;line-height:1.2rem;width:80%;}
input[type=password] {margin:5px;padding:3px;width:150px;height:25px;}
input[type=text] {margin:5px;padding:3px;width:150px;height:25px;}
.mybutt {
border:.1rem #44637a solid;
border-radius:.5rem;
padding:.4rem .625rem .4rem .625rem;
/* padding:.8rem ; */
color:white;
white-space: nowrap;
font-size: 1rem;
background:#44637a;
}
.mybutt:hover { background:#539DC2;color:white;}
.cmbutt {
border:.1rem #44637a solid;
border-radius:.25rem;
padding:.2rem .5rem .2rem .5rem;
white-space: nowrap;
color:white;
font-size: 1rem;
background:#44637a;
}
.cmbutt:hover { background:#539DC2;color:white;}
.cmbutt:visited { color:white;}
/*#5161ac #6699CC #16406f surf blue #061BA4 padding:top right bottom left; */
.signup {
border:2px #5161ac solid;
border-radius:.75rem 0rem 0rem .75rem;
background:#44637a;
padding:.5rem 2rem .5rem 1.5rem;
font-weight: bold;
font-size: 1rem;
color:#ffffff !important;
position: fixed;
top: 16%;
right: .25em;
z-index:900;
}
.signup:hover {
text-decoration:none;
color:#ffffff;
background:#539DC2;
}
.signup:visited {
text-decoration:none;
color:#ffffff;
/* background:#539DC2;*/
}
.pagebutt {padding:.2rem 1rem .2rem 1rem;}
.updbutt {
left: .25em;
right: initial;
border-radius:0rem .75rem .75rem 0rem ;
}
.ad_intro{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: bold;
color: #305C66;
text-decoration: none;
}
.course_intro{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: bold;
color: #305C66;
text-decoration: none;
}
.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: center;
background:#ffffff;
padding:.2rem .5rem .2rem .5rem;
border:2px #000000 solid;
border-radius:.5rem ;
position: fixed;
top: 9%;
right: .25em;
z-index:900;
}
.price_mo{
font-size: 1rem;
}
/* .course_intro:hover{ font-weight: bold; color: #305C66; text-decoration: none; } */
.surflogo {
max-height:60px;
}
.imgcancel {
border:.1rem #ffffff solid;
border-radius:.625rem;
padding:.4rem .625rem .4rem .625rem;
font-weight: bold;
color:gray;
float:right;
/* position:fixed; */
font-size: 1.5rem;
background:transparent;
}
.imgcancel:hover {
color:#aa0000;
/* border:.3rem #ff0000 solid;*/
/* background:rgba(0,0,0,.5);*/
}
.off {display:none;}
.on {display:inline;}
.aselect{color:#000;border:2px #000 solid;border-radius:5px;padding:3px 5px 5px 5px;margin:0;width: auto;height:auto;max-height:150px;}
.aselect:hover{background-color:transparent;}
.aselect option:hover
{
color:#000;
background:#f0f0f0;
cursor: pointer;
}
.aselect option:checked
{
color:black;
background:#6996AD;
box-shadow: 5px 5px 0px 50px #6996AD inset;
}
.showmess {
color: black;
border:.2rem #16406f solid;
border-radius: 1rem;
display: inline;
background:#d0d9e2;
padding:1rem;
/* margin:0rem;*/
z-index: 100; /* So you can see answer in IE8 */
/* margin: 0 10px 20px 10px;*/
/* padding:30px;*/
width:80%;
position:fixed;
top:10%;
left:10%;
height:auto;
max-height:85vh;
overflow:auto;
display:none;
}
.showmess h1 {color:black;}
.showmessinner {
display: block;
margin:0rem;
padding:0rem;
z-index: 101; /* So you can see answer in IE8 */
width:auto;
height:100%;
overflow:auto;
display:none;
}
.videoframe {
width: 100%;
height: 90vh;
max-height:90vh;
max-width: 95vw;
display: inline-flex;
overflow:auto;
}
.showmessinner iframe{
width: 100%;
height: 70vh;
/* max-height:80vh;*/
display: inline-flex;
}
.messcen input[type=text] {
max-width:250px;
}
.messcen h2 {
line-height:1.25rem;
}
.messcen input[type=radio] {
padding:0px;
margin:0px;
}
.mp0 {
margin:0;
padding:0;
}
.nw {
white-space: nowrap;
}
/*from services.css*/
.myupdate{
transition:ease-in-out .5s;
border:2px black solid;
border-radius:5px;
background-color:#f0f0f0;
font-size:.8rem;
color:black;
padding:0.9375rem 3.125rem 0.9375rem 3.125rem;
margin:0;
}
.myupdate:hover{
transition:ease-in-out .5s;
background-color:#C1CDCD;
color:black;
}
/*from services.css*/
.bartop {background-color:#666666;height:5px;width:100%;}
.bartop2 {background-color:black;height:2px;width:100%;}
.top-bar {
height: 75px;
line-height: 75px;
}
.top-bar {background:transparent;}
.top-bar-section ul li {
background:white;
background:rgba(255,255,255,0.9);
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background: #539DC2; color:black;}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: #539DC2; }
.top-bar-section li:not(.has-form) a:not(.button) { background: #ffffff;color: black; }
.top-bar .toggle-topbar.menu-icon a { color:black;}
.top-bar .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0px 0 1px gray, 0 7px 0 1px gray, 0 14px 0 1px gray; }
.top-bar.expanded .title-area {
background: transparent;
}
.showvframe {
/* color: #ffffff; #322e2b*/
/* border:.2rem #ffffff solid;*/
/* border-radius: 1rem;*/
/* float: left;*/
display: inline;
background-color:black;
background-color:rgba(0,0,0,.75);
padding:1rem;
/* margin:0rem;*/
z-index: 100; /* So you can see answer in IE8 */
/* margin: 0 10px 20px 10px;*/
/* padding:30px;*/
width:100%;
position:fixed;
top:0;
left:0;
height:100%;
overflow:hidden;
display:none;
}
.showvframeinner {
/* color: #ffffff; #322e2b*/
/* border:.2rem #ffffff solid;*/
/* border-radius: 1rem;*/
/* float: left;*/
display: block;
/* background-color:black;*/
/* background-color:rgba(0,0,0,1);*/
margin:0rem;
padding:0rem;
/* margin:0rem;*/
z-index: 101; /* So you can see answer in IE8 */
/* margin: 0 10px 20px 10px;*/
/* padding:30px;*/
width:auto;
/* position:fixed;*/
/* height:100%;*/
overflow:hidden;
display:none;
}
.vframe {
width: 100%;
height: 89vh;
max-height:89vh;
max-width: 95vw;
display: inline-flex;
margin-left: auto;
margin-right: auto;
background:white;
}
.vframecancel {
border:.1rem #ffffff solid;
border-radius:.625rem;
padding:.4rem .625rem .4rem .625rem;
font-weight: bold;
color:gray;
position:fixed;
right:0;
top:10px;
font-size: 1.5rem;
background:#322e2b;
z-index: 300;
}
.vframecancel:hover {
color:#aa0000;
/* border:.3rem #ff0000 solid;
background:rgba(0,0,0,.75);
*/
border:.1rem black solid;
background:white;
}
.sitebutt {
border:.1rem #0088FF solid;
border-radius: .5rem !important;
padding:.4rem 2rem .4rem 2rem;
color:white;
font-family:Verdana;
font-size: 1rem;
font-weight: 500;
background:#296355;
white-space:nowrap;
}
.sitebutt:hover {background:#0088CC;color:white;}
.sitebutt:visited { text-decoration:none;color:white;}
.showdata {
display: inline;
background-color:black;
background-color:rgba(0,0,0,.75);
padding:1rem;
/* margin:0rem;*/
z-index: 200; /* So you can see answer in IE8 */
/* margin: 0 10px 20px 10px;*/
/* padding:30px;*/
width:100%;
position:fixed;
top:0;
left:0;
height:100%;
overflow:hidden;
display:none;
}
.showdatainner {
display: block;
background-color:blue;
/* background-color:rgba(0,0,0,1);*/
margin:1rem;
padding:0rem;
/* margin:0rem;*/
z-index: 200; /* So you can see answer in IE8 */
/* margin: 0 10px 20px 10px;*/
/* padding:30px;*/
width:auto;
/* position:fixed;*/
/* height:100%;*/
overflow:auto;
display:none;
}
.dataframe {
background-color:white;
width: 100%;
height: 89vh;
max-width: 95vw;
/* min-width: 95vw; */
/* display: inline-flex;
margin-left: auto;
margin-right: auto;
margin:1rem;*/
margin-bottom: 1rem;
padding:2rem;
padding-top:.25rem;
overflow:auto;
}
.dataframe hr { border: 3px solid gray;}
.dataframe div {
/*
border:1px solid green;
margin:0rem;
padding:0rem;*/
}
.dataframe input[type=text] {
margin-left:0;padding:3px;width:100%;height:25px;
}
.projmlist {
padding-left:0;
}
.logo {max-height:75px;height:auto;width:auto;max-width:300px;padding:0;margin:0; z-index: 600;}
@media only screen and (max-width: 64em) {
.showmess {
width:96%;
top:2vh;
left:2%;
height:auto;
max-height:95vh;
padding:.5rem;
}
.showmessinner iframe{
height: 75vh;
}
}
@media only screen and (max-width: 40em) {
.showmess {
width:100%;
top:0;
left:0;
height:100%;
max-height:100vh;
padding:.2rem;
}
.showmessinner iframe{
height: 85vh;
}
.logo {height:45px;}
.top-bar {
height: 45px;
line-height: 45px;
}
}
.test { border:2px solid green;}
@media only screen and (min-width: 62em) {
.row {max-width: 100%; !important;}
}