@charset "UTF-8";
/* Mobile CSS Document for Portal Template 1*/
@media only screen and (max-width: 960px) {
	/*----Home Page----*/
	.whiteBG{
		width:70%;
	}
	.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:12px;
	}
	.quickLink .cardTitle {
		font-size:12px;
	}
}
@media only screen and (min-width: 757px) {
  .header .mainNav .mobileMenu{
    display: none;  
  }
}
@media only screen and (max-width: 756px) {
	body{
		-webkit-text-size-adjust: none;
	}
    .wrapper{
	    width: 100%;
		margin:0;
	}
	.mobile{
		display:block;
	}
	.notMobile{
		display:none!important;
	}
/*------------Header------------*/
.header .mainNav{
	position:fixed;
	top:0;
	height:35px;
	width: 98%;
	z-index:1000;
	padding-left: 2%;
}
.header .mainNav .mobileMenu{
	display:block;
	float:left;
	height:25px;
	width:25px;
	margin:5px 0;
	background-image:url("../images/client/menu.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
.header .mainNav .topLevelNav{
	display:none;
}
.header .mainNav .topLevelNav{
	top:35px;
	left:0;
	bottom:0;
	position:fixed;
	width:100%;
	background-color: #C6C8C9;
	overflow-y:auto;
	z-index:1000;
}
.header .mainNav .topLevelNav li{
	display:block;
	width:98%;
	float:none;
	padding:8px 1%; 
	border-top-width:1px;
	height:auto;
}
.header .mainNav .topLevelNav li a,
.header .mainNav .topLevelNav li span {
	padding:0;
	width:100%;
}
.header .mainNav .topLevelNav li ul{
	display:block;
	position:static;
	margin: 8px 0 -8px -1%;
    width: 101%;
}
.header .mainNav .topLevelNav li ul li{
	padding-left:5%;
	width:95%;
	background-color:#223269;
	border-top:1px solid #293c7e;
}
.header .mainNav .userBar{
	padding:0;
	height:35px;
	margin-right:5px;
	border-left:none;
}
.header .mainNav .userBar .registerButton{
	height:25px;
	width:25px;
	margin:5px;
	background-image:url("../images/client/menu.png");
	background-repeat:no-repeat;
	background-position:-25px 0;
    padding-right: 0px;
    text-indent:-9999px;
}
.header .mainNav .userBar a{
	height:25px;
	width:25px;
	margin:5px ;
	display:inline-block;
	background-image:url("../images/client/menu.png");
	background-repeat:no-repeat;
	background-position:-75px 0;
}
.header .banner {
	margin-top:35px;
}
.header .banner .logo{
	padding:.25em;
	margin:0;
}
.header .banner .logo .logoHolder{
	background-image:url("../images/client/logo_mobile.png");
}
.openMenu{
	padding:.35em;
	background-color:#ececec;
	border:2px solid #999;
	border-radius:5px;
	width:auto;
	float:right;
	margin-right:.5em;
}
/*-----------Home Page----------*/

.rightCol{
	width:98%;
	padding:1%;
	height:auto!important;
}
.whiteBG{
	border-right: none;
	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;
	border-right: none;
}
.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(https://sageportal.org/assets/images/mobileDDarrow.png);
		background-repeat:no-repeat;
		background-position:right;
		padding-right: 12px;
	}
	.faqPage .leftHalf h2.open{
		background-image:url(https://sageportal.org/assets/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;
}
.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;
}
.searchButton{
	height:28px;
}
.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;
}
.searchPage{
	padding:.25em;
}
#loopHolder .subfolder{
		display:block;
	}
/*-------Secure Browser------*/
.btabs li{
	padding:0;
}
.btabs li .OS {
	display:none;
}
.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; 
}

/*-------Flare iFrame---------*/
.flare.supported {
 min-height:3200px;
}
.flare.secure {
  min-height: 2700px;
}
.browser .bSection iframe{
  min-height: 1045px;
}
.browser#tabPanel8 .bSection iframe{
  min-height: 2030px;
}
}