@charset "UTF-8";

/* Mobile CSS Document for Portal Template 1*/
@media only screen and (max-width: 1038px) {
/*----Home Page----*/
.mobile {
	display: block;
}
.notMobile {
	display: none!important;
}
.whiteBG {
	width: 70%;
}
.leftCol {
	width: 100%;
}
.leftCol .cardBox {
	width: 47%;
	margin: 1%;
	float: left;
}
.midCol {
	width: 100%;
	min-height: auto!important;
}
.midCol > div {
	padding: .5em 1em;
}
.midCol .twitter iframe {
	width: 100%!important;
}
.rightCol {
	width: 29.5%;
}
.leftHalf {
	width: 50%;
}
.rightHalf {
	width: 49.5%;
}
.faqPage .leftHalf {
	width: 65%;
}
.faqPage .rightHalf {
	width: 34.5%;
}
.faqPage h1 a {
	display: none;
}
.cardBox .cardTitle {
	font-size: 16px;
}
.quickLink .cardTitle {
	font-size: 16px;
}
.header .mainNav .userBar > span:first-child {
	display: none;
}}
 @media only screen and (max-width: 1012px) {
	
/* -------- Resources --------*/

 .resourceIntro p {
 padding: 0.5em 1em;
}
.tabSection h2 {
display:none;
}
 .resourceTabs {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e529e+0,002777+70 */
background: #2e529e; /* Old browsers */
background: -moz-linear-gradient(top, #2e529e 0%, #002777 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e529e), color-stop(70%, #002777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2e529e 0%, #002777 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2e529e 0%, #002777 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2e529e 0%, #002777 70%); /* IE10+ */
background: linear-gradient(to bottom, #2e529e 0%, #002777 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e529e', endColorstr='#002777', GradientType=0 ); /* IE6-9 */
color:#fff;
border-radius:5px 5px 0 0;
 padding: 0;
}
 .resourceTabs li {
 float:left;
 padding: .75em;
 border-radius: 5px 5px 0 0;
 line-height:100%;
 margin:0 3px;
 cursor:pointer;
 border-bottom:none;
 position:relative;
 bottom:-1px;
 display:none;
 font-size:1em;
}
 .resourceTabs li.selected {
 background: transparent none repeat scroll 0 0;
 border: 0 none;
 color: white;
 display: block;
 margin: 0;
 width: 97%;
  padding: .75em;
  font-weight: bold;
}
/*make arrow*/
 .resourceTabs li.selected::after {
 border-style: solid;
border-width: 12px 12px 0;
border-color: #ffffff transparent transparent;
content:"";
float:right;
}
 .resourceTabs li.selected:hover:after {border-color: #EFF8FD transparent transparent; 

}
 .resourceTabs li.selected:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e529e+81,001030+100 */

background: #2e529e; /* Old browsers */

background: -moz-linear-gradient(top,  #2e529e 81%, #001030 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(81%,#2e529e), color-stop(100%,#001030)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #2e529e 81%,#001030 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #2e529e 81%,#001030 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #2e529e 81%,#001030 100%); /* IE10+ */

background: linear-gradient(to bottom,  #2e529e 81%,#001030 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e529e', endColorstr='#001030',GradientType=0 ); /* IE6-9 */



}
 .tabSection .resourceTabs li {
 float:none;
 border-radius: 5px;
 line-height:100%;
 cursor:pointer;
 border:none;
 font-size:1em;
 position:static;
 bottom:0;
 display:block;
 background-color:#316397;
 color:#fff;
}
 .tabSection {
 border-radius: 0 0 5px 5px;
}

 .showMobile .resourceTabs li {
 background: white;
 border:0px solid;
 border-bottom: #2e529e 1px solid;
 border-radius: 0px;
 color: #2e529e;
 display: block;
 float: none;
 width:auto;
 margin: 0;
}
.showMobile .resourceTabs li:hover {background-color:#EFF8FD;}
.showMobile .resourceTabs li.selected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e529e+0,002777+70 */
background: #2e529e; /* Old browsers */
background: -moz-linear-gradient(top, #2e529e 0%, #002777 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e529e), color-stop(70%, #002777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2e529e 0%, #002777 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2e529e 0%, #002777 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2e529e 0%, #002777 70%); /* IE10+ */
background: linear-gradient(to bottom, #2e529e 0%, #002777 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e529e', endColorstr='#002777', GradientType=0 ); /* IE6-9 */
color:#fff;
bottom: 0;
}
.showMobile .resourceTabs {
 background: white none repeat scroll 0 0;
 border: 2px solid #2e529e;
 border-radius: 0;
 box-shadow: 2px 2px 2px #585858;
 clear: both;
 display: block;
 height: 9.5em;
 overflow: auto;
 margin-bottom: -7em;
position: relative;
 margin-left:-2%;
 margin-right:-2%;
 margin-top:0;
}
}
 @media only screen and (max-width: 880px) {
body {
 -webkit-text-size-adjust: none;
}
.wrapper {
 width: 100%;
 margin: 0;
}
/*------------Header------------*/
.header .mainNav {
 position: fixed;
 top: 0;
 height: 35px;
 width: 100%;
 z-index: 1000;
 padding-left: 5px;
}
.header .mainNav .mobileMenu {
 display: block;
 float: left;
 height: 25px;
 width: 25px;
 margin: 5px 0;
}
.header .mainNav .topLevelNav, .header .mainNav .userBar span {
 display: none;
}
.header .mainNav .topLevelNav {
 top: 35px;
 left: 0;
 bottom: 0;
 position: fixed;
 width: 100%;
 overflow-y: auto;
 z-index: 1000;
}
.header .mainNav .topLevelNav li {
 display: block;
 width: 100%;
 float: none;
 padding: 0;
 border-top-width: 1px;
 height: auto;
}
.header .mainNav .topLevelNav li a, .header .mainNav .topLevelNav li .noLink {
 padding: 15px 1%;
 width: 98%;
 font-size: 16px;
}
.header .mainNav .topLevelNav li ul {
 display: block;
 position: static;
}
.header .mainNav .topLevelNav li ul li {
 padding-left: 5%;
 width: 95%;
 border-top: 1px solid #293c7e;
}
.header .mainNav .userBar {
 padding: 0;
 height: 35px;
 margin-right: 5px;
 border-left: none;
}
.header .mainNav .userBar button {
 vertical-align: top;
}
.header .mainNav .userBar .registerButton {
 height: 25px;
 width: 25px;
 margin: 5px;
}
.header .mainNav .userBar .loginButton {
 height: 25px;
 width: 25px;
 margin: 5px;
}
.header .mainNav .userBar .manageAccount {
 height: 25px;
 width: 25px;
 margin: 5px;
}
.header .mainNav .userBar a {
 height: 25px;
 width: 25px;
 margin: 5px;
 display: inline-block;
}
.header .banner {
 margin-top: 35px;
}
.header .banner .logo {
 padding: .25em;
 margin: 0;
}
.openMenu {
 padding: .35em;
 background-color: #ececec;
 border: 2px solid #999;
 border-radius: 5px;
 width: auto;
 float: right;
 margin-right: .5em;
}
/*---------Login/Register-------*/
.loginOverlay {
 display: none!important;
}
.loginPopup {
 position: fixed;
 top: 35px!important;
 bottom: 0;
 left: 0!important;
 right: 0;
 margin: 0;
 width: auto;
 border-radius: 0;
 z-index: 999;
}
.popupClose {
 border-radius: 0;
 border-top: 2px solid #bebebe;
}
.register, .login, .profile {
 border-radius: 0;
 position: fixed;
 top: 66px;
 bottom: 0;
 left: 0;
 right: 0;
 overflow: auto;
}
/*-----------Home Page----------*/

.rightCol {
 width: 98%;
 padding: 1%;
 height: auto!important;
}
.whiteBG {
 width: 98%;
 padding: 1%;
}
.leftCol {
 width: 100%
}
.midCol {
 width: 100%;
}
/*-----Cards-----*/
.cardArea {
 padding: 0 .25em;
}
.quickLinks {
 padding-top: .5em;
}
/*-------Content Area----------*/
	
/*------Sub Pages--------*/
.leftHalf, .rightHalf, .faqPage .rightHalf {
 width: 98%;
 padding: 1%;
 height: auto!important;
}
.leftHalf .cardBox.userCard {
 width: 40%;
 margin: 4%;
}
.leftHalf .cardBox.userCard img {
 width: 98%;
 padding: 1%;
 height: auto;
}
/*-----FAQ & Announcements------*/
.faqPage .leftHalf {
 width: 98%;
}
.faqArea {
 padding: 0;
}
.faqPage .leftHalf .faqArea .clear {
 padding: 0!important;
 margin: 0!important;
 border: 0!important;
}
.faqPage .leftHalf h2 {
 background-image: url(../images/mobileDDarrow.png);
 background-repeat: no-repeat;
 background-position: right;
 padding-right: 12px;
}
.faqPage .leftHalf h2.open {
 background-image: url(../images/mobileDDarrowU.png);
}
.faqPage .leftHalf h2 span {
 font-weight: normal;
 color: #666768;
 line-height: 1.25em;
}
.faqPage .leftHalf h2 img {
 display: none;
}
.printPDF {
 display: none;
}
/*---------Resources---------*/
.resourceWrapper {
 padding: 0;
}
#resourceArea {
	/*	border-radius:0;
	margin:0;*/
	padding: 0;
 border: none;
}
.showMobile .resourceTabs {margin-left:0;margin-right:0;}
.tabSection h2 .resourceBack {
 display: inline-block;
}
#resourceArea td {
 font-size: .8em;
}
.fileTree {
 border-radius: 0;
 position: static;
 display: block;
 width: 98%;
 background-image: none;
 border: none;
 padding-top: .5em;
 float: none;
}
.fileTree #searchform .field {
 width: 83%;
 height: 20px;
}

.fileTree #searchform .showAdvancedSearch {
 margin: 1em 0 .5em;
}
.fileTree #searchform .advanceSearch label {
 display: block;
 margin-top: 5px;
}
.advanceSearch .searchButton {
 height: 28px;
 background-position: 60% center;
}
.fileTree ul {
}
#loopHolder {
 padding: 2%;
 clear: both;
}
.resourceNav {
 margin: 0 1%;
}
.searchPage {
 padding: .25em;
}
#loopHolder .subfolder {
 display: block;
}
/*-------Secure Browser------*/
.btabs li {
 padding: 0;
}
.btabs li .OS {
 font-size: .85em;
 max-width: 65%;
}
.browserPage {
 padding: .5em;
}
/*--------About----------*/
.supportedBrowsers {
 font-size: .8em;
}
.supportedBrowsers .browserLogo {
 display: block;
 height: 25px;
 width: 25px;
 margin: auto;
 background-image: url(../images/browserLogos.png);
 background-repeat: no-repeat;
 background-size: 125px;
}
.browserLogo.chrome {
 background-position: 0 0;
}
.browserLogo.firefox {
 background-position: -25px 0;
}
.browserLogo.ie {
 background-position: -50px 0;
}
.browserLogo.safari {
 background-position: -75px 0;
}
.browserLogo.safariIOS {
 background-position: -100px 0;
}
.supportedBrowsers .browserName {
 font-size: .65em;
 color: #666;
 display: block;
 text-align: center;
 width: auto;
 min-width: 58px;
}
.about form #s {
 width: 175px;
}
/*-------Footer----------*/
.footer {
 text-align: center;
}
.footer div {
 font-size: 1em;
 line-height: 1.2em;
 padding: .5em 0.5em 0.5em 0.2em;
}
.footerPost {
 display: none;
}
.footer div.mobile {
 display: inline-block;
}
/*----Training Tests-----*/
.trainingTest .availableTests {
 float: none;
 padding: 1em;
 font-size: .8em;
 width: auto;
 margin: 0;
}
}
 @media only screen and (max-width: 525px) {
.leftCol .cardBox {
 width: 98%;
}
.resourcePage h1 {
 padding: 0.25em;
}
}