*, *:before, *:after{
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
-webkit-font-smoothing: subpixel-antialiased !important;
}

html, body {
  background-color: white;
margin: 0px;
padding: 0px;
font-family: verdana, Arial, Helvetica, "Helvetica Neue", sans-serif;
font-size: 12px;
color: #333;
text-align: center;
font-weight: 400;
}

 /* ie 10-11 clear button in inputs */
input::-ms-clear {
 height: 0;
width: 0;
}

a {
 color: #083882;
text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

img {
 border: none;
margin: 0;
padding: 0;
}

svg {
vertical-align: middle;
}

thead {
 display: table-header-group;
}

.pq {
 color: #990000;
padding: .5em;
margin: .8em 0 .8em 1.2em;
float: right;
width: 200px;
font-weight: bold;
font-size: 16px;
line-height: 22px;
}

.printbody {
 padding: .5em 1.8em;
}

#headercontainer, #footercontainer, #printfoot {
width: 100%;
}

#footercontainer {
background-color: #333;
clear: both;
}

footer, header, #columns, #navigation ul {
 width: auto;
min-width: 900px;
max-width: 1100px;
margin: 0px auto;
}

#navigation ul {
 width: 100%;
}

#columns {
 clear: both;
text-align: left;
}

#leftColumn {
 width: 20%;
float: left;
margin: 1em 0 0 0;
border: 1px solid #88BBDD;
}

#contentOuterColumn {
 width: 80%;
float: left;
text-align: left;
background-color: white;
}

#contentInnerColumn {
 padding: 1em 0 1em 1.5em;
 line-height: 1.6;
}

.blue {
 background-color: #DCE6ED;
}

.lightyellow {
 background-color: #FFFFE1;
border: 1px solid #999;
}

.smaller, td.smaller {
 font-size: 9px;
}

.contentLg {
 font-size: 13px;
}

.content {
 font-family: verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size: 12px;
line-height: 15px;
}

.contentGrey {
 color: #666!important;
}

.contentBlue {
 color: #083882!important;
text-decoration: none;
}

.contentSm {
 font-size: 11px;
line-height: 14px;
}

.section {
 font-size: 17px;
line-height: 19px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}

.subsection {
 font-size: 12px;
line-height: 15px;
font-weight: bold;
text-decoration: none;
color: black;
}

#navli a {
 font-size: 12px;
line-height: 15px;
font-weight: bold;
text-decoration: none;
}

.message {
 margin: 10px 0px 10px;
padding: 4px;
background-color: #FFCC00;
color: #990000;
}

.title {
 font-size: 13px;
font-weight: bold;
color: #083882;
}

.author {
 font-style: italic;
color: #888;
}

.articleholder h2, .articleholder h3 {
 font-size: 116.666666%;
line-height: 160%;
margin: .8em 0;
}

.articleholder h2 {
 font-weight: bold;
}

.articleholder h3 {
 font-style: italic;
font-weight: normal;
}

.articlebody, .articlebody p, .articlebody th, .articlebody td, .faqanswer, .faqanswer p, .faqanswer th, .faqanswer td, .tgholder, .tgholder p, .tgholder th, .tgholder td {
 font-size: 13px;
line-height: 1.6;
}

.articlebody a {
text-decoration: underline;
}

.articlebody, .articlebody img {
 max-width: 100%;
}

.articletitle {
 margin: .3em 0;
line-height: 120%;
font-size: 2.1rem;
}

.articleimg {
text-align: center;
}

.articleimg img {
border: 1px solid #333;
padding: .5em;
max-width: 95%;
width: auto;
}

/* articles also read */
.alsoread {
clear: both;
padding: 1em 0 2em;
}

.alsoread ul {
list-style: none;
margin: .5em 0 0;
padding: 0;
}

.alsoread ul li {
padding-top: .5em;
}

.faqquestion {
 vertical-align: middle;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}

.faqanswer, .examfaqanswer {
 padding-top: 1em;
}

.faqanswer p:first-child, .examfaqanswer p:first-child {
 margin-top: 0;
}

#FAQDiv ul {
 list-style-type: disc;
}

#FAQDiv ul li {
 padding-top: 3px;
padding-left: 2px;
}

.assocquiz {
 color: #333!important;
}

.assocquiz:hover {
 color: #333;
text-decoration: none;
}

.unter {
 color: #3A6593;
text-decoration: underline;
}

#librarylink {
 width: 100%;
text-align: right;
}

.keypoints {
 border: 1px solid #88BBDD;
padding: .5em 1em;
margin: .8em .3em;
}

.keypoints h3 {
 font-weight: bold;
margin: 0;
font-style: normal;
}

.keypoints ol {
 margin: 0;
padding: 0 0 0 1.5em;
}

.keypoints li {
 /* font-style: italic; */
font-size: 13px;
padding-top: .2em;
padding-bottom: .6em;
line-height: 1.5;
}

.secinfo h1 {
 margin-top: 0;
margin-bottom: .3em;
}

.secintro, .secintro p {
 font-size: 13px;
line-height: 20px;
}

.associated {
 margin-right: 190px;
font-size: 13px;
line-height: 20px;
}

.assocsub {
 display: block;
clear: left;
margin-bottom: .5em;
padding: .5em;
}

.assocsub img {
 margin-right: .8em;
vertical-align: middle;
}

.secholder {
 clear: both;
}

.secholder a {
 display: block;
text-decoration: none;
}

.secholder h2 {
 margin-bottom: 0;
}

.secholder h3 {
 margin: .2em 0 .1em;
font-size: 1.8em;
line-height: 130%;
}

.byline {
 color: #666;
font-size: 1rem;
}

.teaser {
 padding: .3em 0;
font-size: 13px;
line-height: 20px;
}

.smcatname {
 font-size: 1rem;
color: #333;
text-transform: uppercase;
font-weight: bold;
}

.smsubcatname {
 font-size: 1.2em;
color: #333;
text-transform: uppercase;
font-weight: bold;
}

.smsubcatname:hover, .subsectop:hover {
 color: #333;
}

.subsectop {
 font-size: 1.2em;
color: #333;
font-weight: bold;
}

#faqnav {
 font-weight: bold;
font-size: 1.4em;
width: 65%;
padding: .5em;
}

#faqnav ul {
 margin: .5em 0 1em;
list-style: none outside disc !important;
}

#faqnav li {
 padding-bottom: .3em;
}

#faqnav li a {
 text-decoration: underline;
}

#articlesdiv, #faqdiv {
 border: 1px solid #CCC;
padding: .5em 2em 1em;
margin: .8em 1em 3em 0;
text-align: left;
overflow: auto;
line-height: 1.5em;
}

#moreart, #morefaq {
 display: block;
padding: .5em 1em;
width: 50%;
margin: 2em auto 1em auto;
text-decoration: none;
font-weight: bold;
background-color: #145C9E;
color: white;
text-align: center;
}

.catsectease {
 padding: 1em 0 1.6em;
border-bottom: 1px solid #DDE;
}

.catsectease:last-child {
 border-bottom: none;
}

.sectionsting {
 padding: 1em;
text-align: center;
line-height: 180%;
font-size: 13px;
border: 1px solid #145C9E;
}

.subnavactive {
 background-color: #F4F4FC;
}

.sec {
 font-weight: bold;
font-style: italic;
padding: 4px 2px 3px 5px;
}

.sub {
 font-weight: bold;
padding: 3px .5em 3px 17px;
margin-left: 1em;
background: url('/images/arrowonblue.gif') no-repeat center left;
}

.artsectitle {
 font-size: 1.5em;
/* color: #083882;
 */
font-weight: bold;
}


header {
 background-color: white;
color: #333;
/* margin: 0;
 */
padding: 0;
/* font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
 */
position: relative;
/* font-size: 1.272727rem;
  */
font-size: 1.0833333rem;
}

header:after, #columns:after, #leftColumn:after {
 content:'';
display: block;
clear: both;
}

#overnav {
 position: absolute;
top: 7px;
left: 32%;
/* font-size: 1.181818rem;
 */
font-weight: bold;
min-width: 430px;
white-space: nowrap;
}

#overnav a {
 color: #223333;
text-decoration: none;
}

.tc {
 /* font-size: 1.272727rem;
 */
display: inline-block;
padding: .3em .5em;
color: #3C6692!important;
border: 1px solid #5599AA;
border-radius: 5px;
margin-right: .8em;
}

#searchbox {
 background-color: #D9D9E9;
color: black;
padding: .4em .5em;
position: absolute;
top: 0;
left: 0;
}

#searchbox form, #searchbox label {
 margin: 0;
padding: 0;
outline: 0;
}

#searchbox input {
 min-width: 13em;
vertical-align: bottom;
border: 1px solid #AAA;
/* font-size: 13px;
 */
padding: .3em .5em;
line-height: 20px;
outline: none;
}

#searchbox button {
width: auto;
overflow: visible;
background: transparent;
background-color: #336699;
border: 1px solid #336699;
color: white;
height: 100%;
padding: .3em .5em;
}

#newheadtr {
 float: right;
padding-top: .3em;
font-size: 13px;
}

.inout, .regbut {
 display: inline-block;
border-radius: .33em;
padding: .25em .8em;
margin-left: 5px;
margin-top: 5px;
/* font-size: 1.1818181818rem;
 */
font-weight: bold;
}

.regbut {
 color: white!important;
background-color: #3379BF;
border: 1px solid #55B;
}

.inout {
 color: #3263BC!important;
border: 1px solid #3379BF;
}

#mainlogo {
 display: block;
float: left;
margin: 60px 0px 1em 1em;
}

#mainlogo img {
 border: none;
}

#newheadside {
 clear: right;
float: right;
margin: 0px;
margin-top: 30px;
padding: 0px;
white-space: nowrap;
font-size: 11px;
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#newheadside a {
 letter-spacing: .25px;
display: inline-block;
float: left;
color: #333;
text-transform: uppercase;
border: 1px solid #999;
padding: .25em 1em .25em 22px;
background: url("/images/arr.gif") no-repeat scroll 5px center #EEE;
white-space: nowrap;
margin-left: 2px;
}

#navholder {
 width: 900px;
background: #333;
min-height: 26px;
clear: both;
margin-bottom: .5em;
}

#navigation {
 width: 100%;
text-align: center;
background-color: #333;
}

#navigation ul {
 list-style: none;
padding: 0;
margin: 0px auto;
}

#nav {
 display: table;
width: 100%;
border-top: 1px solid #333;
font-size: 1.181818rem;
}

#nav li {
 position: relative;
text-align: center;
background-color: #333;
border: none;
padding: 0;
margin: 0;
display: table-cell;
vertical-align: middle;
}

#nav a {
 font-weight: bold;
color: white;
text-decoration: none;
padding: 0;
margin: 0;
padding: 6px 8px;
display: block;
border-right: 1px solid white;
min-height: 16px;
height: auto;
/* white-space: nowrap;
 */
}

#nav > li > a {
white-space: nowrap;
}

/* #nav > li:last-child > a {
 border-right: 1px solid #333;
}

#nav > li:first-child > a {
 border-left: 1px solid #333;
}

 */
#nav > li:first-child > a {
 border-left: 1px solid white;
}

#nav li a:hover {
 background-color: white!important;
color: black!important;
}

#nav li ul {
 display: none;
position: absolute;
min-width: 170px;
top: 100%;
left:-1px;
background-color: #96A1AE;
padding: 0;
border: 1px solid #444;
border-top: none;
z-index: 1000;
}

#nav li:last-child ul {
 left: auto;
right: 0;
}

#nav li:first-child ul {
 right: auto;
left: 0;
}

#nav li ul li {
 display: block;
text-align: left;
border-bottom: 1px solid white;
background-color: #96A1AE;
padding: 0;
z-index: 1001;
}

#nav li ul li:last-child {
 border-right: none;
border-bottom: none;
}

#nav li ul li a {
 display: block;
font-weight: normal;
color: white;
border-right: none;
padding: 6px 8px;
}

#nav li ul li a:hover {
 background-color: #CACED4;
color: black;
}

#nav li:hover ul {
 display: block;
}

.chev {
 background: url('/newhome/chevron.gif') center left no-repeat;
padding: 2px 0px 2px 12px;
}

#leftside {
 float: left;
width: 230px;
}

.adfindbox {
 border: 1px solid #DBDBDB;
padding: .8em 1em 1em;
margin: 1em;
}

.adfindbox:after {
content:'';
display: block;
clear: both;
}

.adfindbox a {
 text-decoration: none;
 color: #333;
}

.adfindbox img {
 vertical-align: middle;
margin: 0 1em 0 0;
 border: none;
}

#rightside {
 float: right;
width: 660px;
}

div > #rightside {
 width: 670px;
}

.feat {
 font-size: 12px;
padding-bottom: 10px;
background-color: white;
}

.feat p {
 font-size: 12px;
line-height: 150%;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
}

.feat ul {
 color: #6C6C6C;
padding-left: 15px;
margin: 0px;
}

.feat ul li {
 padding-top: 2px;
}

.newup, .featup {
 font-weight: bold;
margin-top: 10px;
border-bottom: 1px solid #DBDBDB;
}

.featup {
 padding-bottom: 5px;
font-size: 1.3em;
}

.feat h2 {
 margin-bottom: .3em;
}

.newhart {
 padding-bottom: 20px;
background: white url('/newhome/grad2.gif') repeat-x;
}

.callbox {
 margin-top: .8em;
margin-bottom: .8em;
}

.callbox .block {
 background-color: white;
display: block;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
color: #333;
border: 1px solid #3379BF;
padding: 1em;
margin: 4px;
text-decoration: none;
}

.callbox img {
 border: none;
}

.callbox h2 {
 font-size: 20px;
text-decoration: underline!important;
margin-top: .3em;
margin-bottom: .2em;
}

.beatbox {
 font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
border: 1px solid #CDCDCD;
margin: 3px;
padding: 0px 5px 5px;
}

.beatbox a, .beatbox a:hover{
 color: black!important;
}

.beatbox strong  {
color: #3A6593;
}

.insider {
padding: 0px 5px;
}

.welcome {
 font-weight: bold;
text-align: center;
padding: 10px;
}

#welk {
 padding: 10px;
text-align: center;
}

.pretaxgain {
 border-top: 1px solid black;
padding: 3px;
margin: 0px auto;
width: 75%;
}

.outwelcome {
 border: 1px solid #DBDBDB;
padding: 10px 1px 1px;
margin: 3px;
}

.outwelcome a {
 font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
font-weight: bold;
font-size: 17px;
}

.toptit {
 padding: 0px 8px 8px;
color: white;
}

.tri {
 font-size: 11px;
}

.leftop {
 color: #3A6593;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #CDCDCD;
padding-bottom: 4px;
margin-bottom: 5px;
}

#messageDiv, #messageDiv a {
 color: black!important;
position: absolute;
left: 0;
top: 0;
}

.proad {
 display: block;
background: white url('/newhome/grad2.gif') repeat-x;
border: 1px #3A6593 solid;
padding: 1em;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #CC3333;
line-height: 150%;
min-height: 7em;
margin: 1em 0 0 .5em;
}

.proad:hover {
 text-decoration: none;
}

#more {
 display: none;
}

#morelink {
 float: right;
font-weight: bold;
}

.ao {
 font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
margin-left: 10px;
font-size: 14px;
}

.bauthor, .boxlow, .artbox ul {
 color: #888;
}

.bfirst {
 font-weight: bold;
font-size: 14px;
}

.boxlow {
 margin-top: 10px;
}

#categ {
 padding-bottom: 1em;
font-size: 13px;
}

.tgnav {
 padding: 4px 8px 4px 24px;
font-weight: bold;
}

.tgnav a, .tgnav a:active {
 text-decoration: none;
color: #3A6593;
}

.tgnav a:hover {
 text-decoration: underline;
color: #3A6593;
}

footer, footer a, footer a:active, footer a:link, footer a:visited, footer a:active {
 color: white;
text-decoration: none;
}

footer {
 position: relative;
clear: both;
margin-top: 1em;
padding: 1em 0;
font-size: 13px;
line-height: 1.6em;
background-color: #333;
}

#printfoot {
 background-color: white;
padding: 10px;
line-height: 1.6em;
color: black;
text-decoration: none;
}

.bottombox {
 width: 23%;
float: left;
margin-left: 2%;
text-align: left;
}

#botbot {
 clear: both;
font-size: 8pt;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
text-align: center;
line-height: 165%;
}

.bottombox h3, .newsholder h3 {
 margin: 0 0 .5em;
font-size: 1.2em;
}

.bottomnav {
 list-style: none;
margin: 0;
padding: 0;
}

.bottomnav li {
 padding: 0;
margin: 0;
margin-bottom: .32em;
}

.newsholder {
 margin-bottom: .5em;
font-size: 12px;
width: 90%;
position: relative;
height: 11em;
}

.newsholder form {
 text-align: left;
}

.newsholder input, .newsholder button {
 border: 1px solid #EEE;
}

.newsholder input[type="email"], .newsholder input[type="text"] {
width: 100%;
padding: .3em;
font-size: 1em;
margin: .5em auto;
color: #333;
}

.newsholder button[type="submit"] {
background-color: #444;
color: white;
padding: .2em 1em;
}

#newsmsg {
 position: absolute;
top: 2em;
left: 0;
display: none;
padding: .5em;
height: 9em;
color: #333;
}

.newmsgyes {
 background-color: #CFC;
border: 1px solid #090;
}

.newmsgno {
 background-color: #DDE;
border: 1px solid #000099;
}

#newsmsg a {
 color: #333;
text-decoration: underline;
}

#closeit {
 cursor: pointer;
float: right;
padding-left: 1em;
line-height: 100%;
}

.sidenav {
 width: 200px;
margin-top: 10px;
}

.sidenav div {
 width: 100%;
padding-top: 2px;
border-bottom: 1px dashed #DDD;
padding-bottom: 4px;
margin-bottom: 2px;
}

.strongline {
 padding: 5px 0!important;
border-bottom: 1px solid black!important;
height: 1em!important;
}

.fivefifty {
 width: 650px;
padding-left: 10px;
padding-top: 2em;
text-align: justify;
}

.profeatlist li {
 padding-bottom: .5em;
}

.submitBtn2 {
 background-image: url('/images/blank.gif');
background-repeat: no-repeat;
background-position: 100% 50%;
padding-left: 5px;
padding-right: .1em;
text-align: left;
}

td > .submitBtn2 {
 padding-right: 15px;
text-align: center;
}

.msg {
 margin: 0 0 10px;
padding: 16px 10px 16px 46px;
background-repeat: no-repeat;
background-position: 12px center;
}

.msg-error {
 background-color: #FF9;
background-image: url('/images/icon_alert.png');
font-style: italic;
border: 1px solid #FF9900;
}

.msg-success {
 background-color: #CFC;
background-image: url('/images/icon_success.png');
font-weight: bold;
border: 1px solid #009900;
}

#calcseltable {
 background-color: #CCC;
text-align: center;
width: 100%;
}

/* calculator styles */
.breakdo {
 font-weight: bold;
margin: 6px 23px;
padding: 12px;
background-color: #DCE6ED;
border-radius: 9px;
}

.calctab {
width: 50%;
float: left;
margin: 0;
padding: 0;
}

#multilink, #onetimelink {
display: block;
text-align: center;
margin: 0;
padding: .5em 0;
background-color: #AAA;
font-weight: bold;
}

.calctabactive {
background-color: #CCC!important;
color: black;
}

.calctabactive:hover {
text-decoration: none;
}

#onetimediv, #multidiv {
background-color: #CCC;
padding: 1em;
margin: 0px;
text-align: left;
line-height: 190%;
}

#edtaxtab {
 background-color: #CCC;
margin-right: 10px;
width: auto;
border-collapse: collapse;
margin: 0px auto;
margin-top: 15px;
}

#edtaxtab td {
 padding: 2px 10px;
white-space: nowrap;
}

#edtaxtab th {
 padding: 2px 10px;
text-align: center;
color: white;
font-weight: bold;
background-color: black;
}

.charkey {
 border-collapse: collapse;
margin-top: 1em;
}

.charkey td {
 border: 1px solid black;
padding: .4em;
}

.tbpad td {
 padding: .4em .6em;
}

.buttdiv img {
 margin-bottom: 3px;
}

.greentable {
 background-color: #CCFFCC;
}

.greentable td {
 padding: 7px;
font-size: 10pt;
}

.lefttop {
 font-weight: bold;
padding: .4em 1em 0;
font-size: 14px;
}

.artnav {
 list-style: none;
margin: .5em;
padding: 0;
}

.artnav li {
 margin: 0;
font-size: 13px;
}

.artnav li a img {
 vertical-align: middle;
margin-bottom: 3px;
}

.artnav li a {
 display: block;
color: #083882;
text-decoration: none;
font-weight: bold;
padding: .3em;
}

.artnavact, .artnav li a:hover {
 background-color: #F7F7FB;
}

.ghut {
 width: 100%;
text-align: center;
padding-bottom: 5px;
padding-top: 10px;
}

.buoy {
 width: 170px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
margin: 0px auto;
border-bottom: 1px solid #9999CC;
border-top: 1px solid #9999CC;
font-weight: bold;
}

.bluecorners {
 padding: 11px;
background-color: #DCE6ED;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}

.call {
 font-weight: bold;
}

.buoy a, .call a {
 text-decoration: none;
}

.tooltable {
 margin-left: 6px;
margin-right: 4px;
}

.tooltable td {
 font-weight: bold;
vertical-align: middle;
text-align: left;
}

.tooltable td a {
 line-height: 13px;
}

.boldnew {
 color: #993300;
font-weight: bold;
}

.gtgboldtag {
color: #993300;
font-weight: normal;
}

.entlist {
 padding-left: .5em;
}

.entlist a {
 font-size: 10px;
font-weight: bold;
color: #355770;
text-decoration: none;
}

.regnow, .regnow:active, .regnow:hover {
 background-color: #990000;
color: white;
text-decoration: none;
height: 1.2em;
padding: 4px 7px;
margin-bottom: 4px;
border: 1px solid white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.gloslist {
 padding: 1.3em;
min-width: 230px;
}

.gloslist a {
 font-weight: bold;
color: #355770;
text-decoration: none;
}

.glosscopy {
 text-align: center;
padding: 10px;
font-size: 9px;
font-style: italic;
}

.glossmain {
 font-size: 12px;
line-height: 1.6;
text-align: left;
}

.glossbody {
 padding-bottom: 1em;
}

.glossbody a {
 text-decoration: underline;
}

.videoholder {
line-height: 165%;
font-size: 14px;
padding: 1em 2em 1em;
}

.videoholder h1 {
line-height: 130%;
text-align: left;
margin: 0 0 .3em;
}

.runtime {
font-style: italic;
font-size: 13px;
color: #999;
padding-bottom: .5em;
}

/* video page styles */
#videolist {
padding: 1em 3em 2em;
font-family: 'Open Sans';
line-height: 155%;
font-size: 13px;
}

#videolist a {
color: #333;
}

#videolist h1 {
text-align: center;
margin-bottom: 1em;
}

#videolist a:hover {
text-decoration: none;
background-color: #F9F9FF;
}

#videolist .videosmedia {
margin: 1em 0;
}

#videolist a:not(:last-child) {
display: block;
border-bottom: 1px solid #999;
}

.videosmedia > .videosimg{
width: 240px;
float: left;
}

.videosmedia > .title, .videosmedia > .vidcontent, .videosmedia > .footer {
margin-left: 260px;
}

.videosmedia > .title {
font-size: 1.5em;
}

.videosmedia > .videosimg > img {
max-width: 100%;
}

.videosmedia > .footer {
margin-top: 2em;
}

@supports (display: grid) {
.videosmedia {
 display: grid;
 grid-column-gap: 20px;
 grid-template-columns: 240px 1fr;
 grid-template-rows: auto 1fr;
 grid-template-areas: "img title" "img bd" "img ft";
}

.videosmedia > .title, .videosmedia > .vidcontent, .videosmedia > .footer {
margin: 0;
}

.videosmedia > .title {
 grid-area: title;
 margin-bottom: 1em;
}

.videosmedia > .videosimg {
 grid-area: img;
}

.videosmedia > .vidcontent {
 grid-area: bd;
}

.videosmedia > .footer {
 grid-area: ft;
 margin-bottom: 1em;
}

}

.tabuli {
 width: 100%;
border-collapse: collapse;
border: 1px solid #AAA;
}

.tabuli td {
 border: 1px solid #AAA;
font-size: 10px;
line-height: 13px;
padding: .6em;
}

.myrecgranttab td {
padding: .6em;
font-size: 12px;
}

.totalrow td {
 color: white;
text-align: right;
}

.rightrow {
 text-align: right;
}

#totalstable {
 border-collapse: collapse;
float: right;
}

#totalstable td {
 padding: 5px;
border: 1px solid black;
}

#toprow td {
 background-color: #DCE6ED;
}

#bottomrow td {
 text-align: right;
background-color: white;
}

.thr {
 color: white;
background-color: #657D8E;
text-align: right!important;
}

#bar {
 margin-right: 10px;
}

#bar img {
 margin-left: 10px;
}

#minibar {
 display: inline;
margin-left: 15px;
margin-right: 10px;
padding-right: 10px;
}

.boldred, .boldred a {
 font-weight: bold;
color: #991111!important;
}

.sharebox {
 float: right;
padding: .5em 0;
font-weight: bold;
color: #333;
display: table-cell;
line-height: 29px;
}

.sharebox img {
 margin-left: 1em;
float: right;
vertical-align: middle;
}

.smaller {
 font-size: x-small;
}

.problem {
 text-align: left;
font-weight: bold;
padding: 10px;
color: #31599F;
border: 1px solid #31599F;
background-color: #8dd2fc;
margin: 0px auto;
width: 650px;
}

.tac {
 text-align: center;
}

.tar {
 text-align: right!important;
}

.tal {
 text-align: left;
}

.right {
 float: right;
}

.left {
 float: left;
}

.cleary {
 clear: both;
}

.uline {
 text-decoration: underline;
}

.hidebox {
 position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}

.twobord {
margin-bottom: 1em;
}

.twobord img{
 border: 2px solid #145C9E;
}

 .redbord {
 border: 2px solid #FF0000;
}

/* search page styles */
.searchwrapper {
padding: 1em;
font-size: 14px;
}

.searchwrapper h2 {
margin-top: .5em;
}

#searchnav {
list-style: none outside none;
padding: 0;
margin: 0;
margin-top: 1em;
}

#searchnav li {
float: left;
padding: 0;
margin: 0;
}

#searchnav li a {
 display: block;
padding: .6em .7em;
border: 1px solid #999;
border-bottom: none;
margin-left: .4em;
text-decoration: none;
color: white;
/*background-color: #3A8CC3;
background-color: #145C9E;
 */
background-color: #3A8CC3;
border-radius: 5px 5px 0 0;
}

#searchnav li:first-child a {
margin-left: 1em;
}

.searchtabact {
border-bottom: 1px solid white!important;
margin-bottom: -1px!important;
background-color: white!important;
color: #333!important;
font-weight: bold;
}

#searchresults {
clear: both;
border: 1px solid #999;
background-color: white;
padding-top: 1em;
}

.eachresult {
padding: 1em 1em 1em 0;
border-bottom: 1px solid #AAA;
}

.eachresult:last-child {
border-bottom: none;
}

.eachresult .num {
 font-size: 1.5em;
width: 2.2em;
float: left;
padding: 1em .5em;
text-align: center;
color: #333;
}

.eachresult p {
margin: .3em 0;
}

.ctype {
text-transform: uppercase;
font-weight: bold;
font-size: .9rem;
padding-bottom: .5em;
color: #3A8CC3;
}

.eachresult .resultmain {
text-align: left;
margin-left: 4em;
line-height: 1.5;
}

.eachresult .resultmain a {
 font-weight: bold;
font-size: 1.125em;
display: block;
margin-bottom: .5em;
}

.nextlink {
float: right;
padding: 1em;
}

.prevlink {
float: left;
padding: 1em;
}

/* @media (max-width: 740px) {
#searchnav li {
font-size: .8rem;
}

#searchnav li a {
margin: 0;
}

}

 */
@media print {
.hideFromPrinter {
 display: none;
}

img[src^='/images/blue_corners/']{
display: none;
}

}

.artfaqtable {
 border-collapse: collapse;
margin: .8em auto;
background-color: #ccffcc;
}

.artfaqcent td {
text-align: center;
}

.artfaqtable td, .artfaqtable th {
 padding: .5em 1em;
border: 1px solid #333;
}

.artfaqtable th {
 font-weight: bold;
text-align: center;
}

.mathtable {
 margin: 0px auto;
border: 1px solid black;
}

.mathtable td {
 border: 0;
padding: .5em;
}

.logotable {
 margin: 0px auto;
}

.logotable td {
 text-align: center;
border: none;
padding: 1em 3em;
}

#intheissue a {
 font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #333;
}

#intheissue {
 line-height: 18px;
}

h1.title {
 line-height: 140%;
font-size: 1.7em;
}

#gleftside {
 float: left;
width: 500px;
padding: 1em;
font-size: 12px;
line-height: 160%;
font-family: Verdana;
padding-right: 20px;
height: auto;
border-right: 1px solid grey;
}

#tease {
 padding-bottom: 5px;
}

#toread {
 padding-top: 10px;
font-weight: bold;
}

#logintable {
 width: auto;
text-align: center;
padding-top: 10px;
}

#grightside {
 float: left;
max-width: 310px;
padding-left: 2em;
text-align: center;
}

#notyet {
 font-weight: bold;
font-size: 1.8em;
}

#clickhere {
 font-weight: bold;
text-align: center;
font-size: 15px;
padding: .3em 0;
line-height: 180%;
background-color: #991111;
width: 13em;
margin: .8em auto;
border-radius: 5px;
}

#clickhere a, #clickhere a:visited {
 color: white;
text-decoration: none;
}

#qorc {
 clear: both;
width: 100%;
text-align: center;
padding-top: 20px;
}

#reg {
 text-align: left;
}

#reg img {
 margin-right: 10px;
}

.viewhome {
 color: #083882;
}

.glogform {
 width: auto;
text-align: center;
background-color: #DCE6ED;
border-radius: 1em;
padding: 1em;
margin: 0 1em;
}

.glogform input, .gloglab {
 font-size: 12px;
text-align: left;
}

.glogform input {
 padding: .5em;
}

.gloglab {
 padding-left: .2em;
}

.glogin {
 font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
border-radius: .33em;
padding: .25em .8em;
margin-top: 5px;
font-size: 9pt;
font-weight: bold;
color: white;
background-color: #3379BF;
border: 1px solid #55B;
}

#gclickhere {
 font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
font-weight: bold;
text-align: center;
background-color: #911;
color: white;
display: block;
width: 12em;
padding: .5em;
margin: 0px auto;
margin-top: 1em;
}

.lostform {
 width: 100%;
text-align: center;
}

.lostform input {
 margin: 0;
height: 2em;
padding: .5em;
box-sizing: content-box;
}

.lostform input[type="submit"]{
font-family: verdana, Arial, Helvetica, "Helvetica Neue", sans-serif;
font-size: 11px;
}

.bstop, .bstop td {
 line-height: 11px;
}

.bstab input[type="text"]{
text-align: right;
padding: .3em;
}

.minifoot {
 margin: 0px auto;
color: #888;
font-size: .8em;
text-align: center;
width: 80%;
}

.tooluse {
 font-size: .8em;
 text-align: center;
}

.bstab {
 margin: 0px auto;
}

.bstab td {
 padding: .3em .5em;
}

.bscallto {
 border: 2px solid #99E;
margin: 1em 0;
padding: 1em;
line-height: 160%;
}

.sunbutton {
 display: block;
float: right;
margin-left: .5em;
border: 1px solid white;
color: white!important;
font-weight: bold;
text-decoration: none;
background-color: #3379bf;
padding: .8em;
}

.row {
 clear: both;
}

.row:last-child:after {
 content:'';
display: table;
clear: both;
}

.col {
 float: left;
}

.col-1 {
width: 8.33333%;
}

.col-2 {
width: 16.6667%;
}

.col-3 {
width: 25%;
}

.col-4 {
width: 33.3333%;
}

.col-5 {
width: 41.6667%;
}

.col-6 {
width: 50%;
}

.col-7 {
width: 58.3333%;
}

.col-8 {
width: 66.6667%;
}

.col-9 {
width: 75%;
}

.col-10 {
width: 83.3333%;
}

.col-11 {
width: 91.6667%;
}

.col-12 {
width: 100%;
}

.calselta {
 min-height: 3em;
padding-top: 1em;
font-weight: bold;
}

.coursebody {
 text-align: center;
}

.coursebody h1 {
font-size: 1.4em;
text-align: center;
}

.coursebody a {
text-decoration: underline;
}

.coursebody > table {
 text-align: left;
}

#courseobjlist {
width: 90%;
 margin: 0px auto;
}

#courseobjlist img{
vertical-align: middle;
}

.quizbody, .coursebody {
 font-size: 14px;
line-height: 1.6;
}

.quizbody h2 {
 font-size: 1.2em;
}

.quiztitle {
 margin: 0;
}

.quizmain label {
 display: block;
padding-top: .5em;
}

.quizmain p {
 margin-bottom: .3em;
}

.quizmain ul {
 padding-left: 0;
margin: 0 0 .8em;
}

.quizlearnmore {
margin-top: 1em;
padding: .5em .5em 0 1em;
border: 1px dashed #333;
}

.quizlearnmore ul{
margin-left: 1em;
}

.quizlearnmore ul li{
padding-bottom: .4em;
}

.quizlearnmore ul li a {
text-decoration: underline;
color: #991111;
}

.ceopts {
 display: block;
text-align: center;
}

.ceopts label {
 display: block;
width: 80%;
margin: 0px auto;
text-align: left;
padding: .5em;
}

.ceopts label:not(:last-child){
border-bottom: 1px solid #888;
}

.ceoptno {
 background-color: #EEE;
}

.exampass {
 margin: 1em auto;
width: 80%;
}

#mainsec img {
 width: auto;
max-width: 100%;
}

.learningmain {
 padding: 0.5em 1.5em 1.5em;
font-size: 14px;
line-height: 160%;
text-align: center;
}

.learningmain p, .learningmain ul {
 text-align: left;
}

.learningmain h2 {
 text-align: center;
}

.learninglist {
 list-style: none;
margin: 20px auto;
padding: 0;
width: 80%;
}

.learninglist li {
 margin: 1em 0;
}

.learningover {
 margin-top: .5em;
}

.learningover li {
 margin-bottom: .3em;
}

.learningover a {
 text-decoration: underline;
}

.faqim {
 padding-top: 1em;
padding-right: .8em;
min-width: 40px;
}

.toc {
font-weight: bold;
text-align: center;
}

.pod {
text-align: left;
}

.toc, .pod{
 width: 100%;
margin-bottom: .8em;
}

/* account help styles */
.lostpassbox {
margin: 3em auto;
  max-width: 540px;
 min-height: 150px;
 text-align: center;
 padding: 1em 2em 2em;
font-family:'Open Sans', Helvetica, Arial, sans-serif;
 font-size: 14px;
line-height: 1.5;
text-align: left;
}

.lostpassbox h1 {
text-align: center;
margin-top: .2em;
margin-bottom: .5em;
}

.lostpassbox label, .lostpassbox input {
padding: .3em .6em;
}

.lostpassbox input[type=email] {
padding: .5em 1em;
width: 20em;
font-size: 14px;
/* font-size: 114.2857142857143%;
*/
}

.lostpassbox input[type=submit] {
padding: .4em .8em;
font-family:'Open Sans', Helvetica, Arial, sans-serif;
}

#newpassform {
width: 460px;
margin: 0px auto;
text-align: left;
}

#newpassform label{
clear: both;
display: block;
text-align: left;
padding-bottom: .3em;
font-weight: bold;
}

#newpassform input[type=password], #newpassform input[type=text] {
padding: .5em 1em;
font-size: 1.2em;
float: left;
width: 60%;
}

#newpassform input[type=submit] {
margin: 1.5em auto 0;
padding: .2em 1em;
vertical-align: middle;
border-radius: 2px;
font-family:'Open Sans', Helvetica, Arial, sans-serif;
 font-size: 14px;
}

.pwcircle, .pwcheck, .pwdone, .pweye, .pweyeslash  {
display: block;
float: left;
vertical-align: middle;
margin-right: .4em;
}

.pwcircle, .pwcheck, .pweye, .pweyeslash {
height: 14px;
width: 14px;
}

.pwdone {
height: 16px;
width: 16px;
}

.pwcircle {
background: url('/images/layout/icons/circle-thin.svg');
}

.pwcheck {
background: url('/images/layout/icons/check.svg');
}

.pweye {
background: url('/images/layout/icons/eye.svg');
}

.pweyeslash {
background: url('/images/layout/icons/eye-slash.svg');
}

.pwdone {
background: url('/images/layout/icons/check-circle-o.svg');
}

#pwsh {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
float:left;
padding: .5em 0 0 1em;
line-height: 14px;
}

#pwreqs {
clear: both;
width: 100%;
font-size: 85.71428571428571%;
padding: 1em 0;
}

#pwreqs:afer {
content: '';
clear: both;
display: block;
}

#pwreqs div{
width: 33%;
padding: .4em .2em;
float: left;
line-height: 16px;
}

.reqgood {
color: green;
}

.anoshow, .noshow div:not(:last-child){
visibility: hidden;
display: none;
}

.badinput {
border: 1px solid red;
 }

#allg {
color: green;
font-size: 14px;
line-height: 16px;
font-weight: bold;
width: 100%!important;
margin-bottom: .5em;
}

#passmatch {
font-size: 85.71428571428571%;
padding: 1em 2em;
float: right;
color: #CC4444;
}

.emailinput {
clip-path: inset(100%);
clip: rect(1px 1px 1px 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
padding: 0!important;
margin: 0!important;
}

#asklist {
font-size: 14px;
line-height: 1.6;
}

.asklisteach {
margin: .4em 0;
padding: .4em 1em;
border: 1px solid #333;
}

.askgo {
font-weight: bold;
}

.askconcept {
margin-top: .4em;
font-size: 12px;
}

/* afters */
.videosmedia:after, .caft:after, .eachresult:after, .featuredbox p:after, .podnavhold:after {
display: block;
content: '';
clear: both;
}

@font-face {
 font-family:"OpenLocal";
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("Open Sans Regular");
}

@font-face {
 font-family:"OpenLocal";
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold");
}

#faqnav, .subsectop, .articletitle, .adfindbox, footer, .newsholder input, .newsholder button, .heroart, .herotop, .homeright, .homeregnow, .featuredbox, .featuredbox h2, .bauthor, .boxlow, .newandupdated, .hppod, .homepagequizbox, .pq, .secholder h3, .homeaskexpert, .hometool, .testimony, h1.title, .quizbody, .coursebody, .podwrap, .mainpodwrap, .videoholder, .learningmain, .searchwrapper, .slides li, #searchbox input, #nav a, #privnote, header {
 font-family: "OpenLocal", Helvetica, Arial, sans-serif;
font-display: swap;
}

.fonts-loaded #faqnav,.fonts-loaded .subsectop,.fonts-loaded .articletitle,.fonts-loaded .adfindbox,.fonts-loaded footer,.fonts-loaded .newsholder input,.fonts-loaded .newsholder button,.fonts-loaded .heroart, .fonts-loaded .herotop,.fonts-loaded .homeright,.fonts-loaded .homeregnow,.fonts-loaded .featuredbox,.fonts-loaded .featuredbox h2,.fonts-loaded .bauthor,.fonts-loaded .boxlow,.fonts-loaded .newandupdated,.fonts-loaded .hppod,.fonts-loaded .homepagequizbox,.fonts-loaded .pq,.fonts-loaded .secholder h3,.fonts-loaded .homeaskexpert,.fonts-loaded .hometool,.fonts-loaded .testimony,.fonts-loaded .quizbody,.fonts-loaded .coursebody,.fonts-loaded h1.title,.fonts-loaded .podwrap,.fonts-loaded .mainpodwrap,.fonts-loaded .videoholder,.fonts-loaded .learningmain,.fonts-loaded .searchwrapper, .fonts-loaded .slides li, .fonts-loaded #searchbox input,.fonts-loaded #nav a,.fonts-loaded #privnote, .fonts-loaded header {
 font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-display: swap;
}