html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/**font:inherit;**/vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}
.ptp-estimation-results-container .months-remaining .value{position:absolute;top:0;left:0;width:156px;display:block;margin-top:40px;text-transform:uppercase}.ptp-estimation-results-container .months-remaining .value span{font-size:52px;font-weight:600;display:block;line-height:1}@media (min-width: 0) and (max-width: 768px){}@media (min-width: 0) and (max-width: 480px){}@media (min-width: 0) and (max-width: 767px){}@media (min-width: 0) and (max-width: 767px){}@media (min-width: 0) and (max-width: 1023px){}@media (min-width: 0) and (max-width: 767px){}
.ptp-progress{font-weight:600;font-size:12px;margin:0;padding-bottom:32px;font-family:"Open Sans",sans-serif;min-width:0px;}.ptp-progress:before,.ptp-progress:after{content:" ";display:table}.ptp-progress:after{clear:both}.ptp-progress .step a{color:inherit;display:block}.ptp-progress .step a:after{content:"";display:block;height:8px;background:#c2c6c9;width:100%;margin-top:8px}.ptp-progress .step:last-child a:after{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.ptp-progress .step:first-child a:after{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.ptp-progress .step.complete a:after{background:#1ecc66}.ptp-progress .step.active{color:#34414D}.ptp-progress .step.active a:after{background:#1d96f4}
body.ptp .next-step-button-container,body.ptp .previous-step-button-container,body.ptp .dashboard-button-container{text-align:center}body.ptp .next-step-button-container .icon,body.ptp .previous-step-button-container .icon,body.ptp .dashboard-button-container .icon{position:relative;top:-2px}body.ptp .next-step-button-container{margin-bottom:24px}body.ptp .next-step-button-container .button{font-size:18px;line-height:48px;height:48px}body.ptp .next-step-button-container .icon{left:6px}@media (min-width: 0) and (max-width: 768px){}@media (min-width: 0) and (max-width: 320px){}@media (min-width: 0) and (max-width: 320px){}@media (min-width: 0) and (max-width: 992px){}@media (min-width: 0) and (max-width: 480px){}@media (min-width: 0) and (max-width: 480px){}@media (min-width: 0) and (max-width: 480px){}@media (min-width: 0) and (max-width: 600px){}
.ptp-overview .title{font-size:38px;margin:0}@media (min-width: 0) and (max-width: 600px){.ptp-overview .title{font-size:28px}}@media (min-width: 0) and (max-width: 600px){}@media (min-width: 0) and (max-width: 480px){}
.ptp-overview .start-learning-button-container .button{height:48px;line-height:48px;width:288px}@media (min-width: 0) and (max-width: 600px){}@media (min-width: 0) and (max-width: 600px){}@media (min-width: 0) and (max-width: 600px){}@media (min-width: 0) and (max-width: 992px){}@media (min-width: 0) and (max-width: 1280px){}@media (min-width: 0) and (max-width: 1024px){}@media (min-width: 0) and (max-width: 1280px){}@media (min-width: 0) and (max-width: 768px){}@media (min-width: 0) and (max-width: 1024px){}@media (min-width: 0) and (max-width: 480px){}
#container{
width:100%;
}
.center{
text-align:center;
}
.ptp-progress-container{
overflow-x:auto;
margin-right:auto;
margin-left:auto !important;/*override inline css*/
width:100%;
max-width:1000px;
text-align:center;
}
.ptp-progress .step{
width:16%;
min-width:8em;
display:inline-block;
padding-right:8px;
box-sizing:border-box;
color:#858D94;
text-align:center;
vertical-align:bottom;
margin-bottom:0;
}
.ptp-progress{
padding-left:1em;
padding-right:1em;
}
h1{
text-align:center;
}
#frameless, iframe{
width:100% !important;
max-width:1120px !important; /**Overwrite inline CSS from tinybox.js**/
height:890px ;
}
#leftnav{
position: fixed;
margin-left: .5%;
margin-top: 0%;
padding-left: 0;
width: 9em;
max-width:12%;
background-color:#d9edf7;
}
#leftnav ul{
width:100%;
padding-left:0;
}
#leftnav ul li{
background-color:#d9edf7;
font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
font-size: inherit;
font-weight: 700;
width:100%;
color:#31708f;
line-height:1em;
margin-bottom:0;
}
.leftsubnav li a{
width:100%;
display:inline-block;
text-decoration:none;
padding-left:1em;
}
.leftsubnav li{
display:inline-block;
}
#leftnav ul .navhead{
border-bottom: solid 4px #205493;
background-color: #CCCCCC;
color: black;
}
#leftnav ul .navhead a{
padding-left:0.5em;
}
#leftnav>ul>li:last-of-type a{
padding-left:0.5em;
}
.navcontrol:not(:checked) + li label::after{
content:"+";
font-size:1em;
}
.navcontrol:checked + li label::after{
content:"-";
}
#leftnav ul li a{
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color:inherit;
width:90%;
padding-left:1.4em;
padding-top:10px;
padding-bottom:10px;
}
#leftnav ul :hover, #leftnav ul :focus{
background-color:#205493;
color:white;
}
#leftnav ul .leftsubnav:hover{
background-color:#d9edf7
}
section.usa-section{ /*The section out front is important, it overrides the default style*/
margin-right:auto;
margin-left:auto;
padding-top:0.5em;
}
section.usa-section img{
border-radius:10px
}
#leftfoot{
float: left;
max-width: 520px;
}
#rightfoot{
float: right;
max-width: 520px;
}
#rightfoot p{
margin-top: .5em;
margin-bottom: .5em;
}
@media (max-width: 1400px){
#leftnav {
font-size:1.3rem;
}
}
@media (max-width: 1250px){
#leftnav {
display:none;
}
}
#leftnav ul li label{
float:right;
width:10%;
display:block;
margin:0;
padding-top:15px;
padding-bottom:15px;
font-size:1.5em;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color:inherit;
}
.expandable{
width:100%;
float:left;
display:block;
}
.navcontrol{
display:none;
}
.navcontrol:checked + li + ul{
display:block;
}
.leftsubnav{
display:none;
}
#leftnav ul .subnav{
width:90%;
margin-left:10%;
}
div.city button{
font-size:2rem;
max-width:100%;
}
.city > button{
float:right;
margin-top:-3em;
font-size:2rem;
}
.iFrame .usa-grid div{
margin-top:0.5em; /*Prevent buttons from touching each other*/
}
button.usa-nav-close{
color:#212121;
font-weight:bold;
}
button.usa-nav-close:hover{
color:#0071bc;
}
@media (min-width: 600px){
.center .usa-width-one-third:first-of-type:nth-last-of-type(2n){ /* Now this is a CSS selector! (centers 2 one-third sized containers)*/
margin-left:17%;
}
}
.usa-navbar button.js-search-button{
background-color: transparent;
border: 0;
border-radius: 0;
font-weight: 400;
outline: 0;
padding: 0;
text-align: left;
-webkit-font-smoothing: auto;
background-image: url('../Pages/web/img/search-alt.svg');
background-repeat: no-repeat;
background-position: left center;
background-size: 2.2rem;
display:inline-block;
padding-left: 2.3rem;
color:#000;
float: right;
width: auto;
}
@media (max-width: 950px){
.usa-navbar button.js-search-button{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-top:1rem;
margin-bottom:0;
width:0;
}
}
.usa-navbar .usa-logo{
float:none;/*Allow the title text to wrap on a small screen*/
}
.usa-header .usa-navbar{
height:auto; /*Allow the title text to wrap on a small screen*/
}
.tight{
margin-top:0;
margin-bottom:0;
}
.message{
font-size:x-large;
}
.messageDetail{
font-size:medium;
}
@media (max-width: 750px){
.tight, .message{
font-size:large;
}
.messageDetail{
margin-top:2%
}
}
.narrowtop{
padding-top:1rem;
}
.hide{
font-size:0;/**Get rid of trial version message**/
}
.underline{
text-decoration:underline;
}
div:focus{
outline:none;/**override Chrome putting a border around my divs**/
}