/*
Theme Name: AIR Portal Theme 2
Theme URI: http://demo.portal.air.org
Author: American Institutes for Research
Author URI: http://air.org/
Description: This theme creates the basic template for a wordpress powered portal.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*-------Full Document------------*/
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
.wait, .wait a, .wait li, .wait ul, .wait div{
	cursor:wait!important;
}
a{
	color:#0000EE;
}
a:hover{
	color:#DAAB27;
}
ul{
	list-style:none;
}
body{
	 background-image: url("images/bodyBG.jpg");
	 font-family: "Lucida Sans Unicode", "Lucida Grande", calibri, sans-serif;
	 color:#444444;
}
.wrapper{
	background-color: #FFFFFF;
    box-shadow: 0 0 20px #000000;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}
.wrapper1{
	width: 710px;
	margin: 0 auto;
}
.wrapper2{
	margin-left: 6%;
	max-width:900px;
	width:90%;
}
.clear{
	clear:both;
}
#wpadminbar{
	display:none;
}
.preview{
	background-color: #f00;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    padding: 5px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mobile{
	display:none;
}
.newPost{
	border:2px #f00 solid!important;
	margin:-2px;
}
span.newPost{
	display:inline-block;
}
/*.cardArea span.newPost{
	float:left;
}*/
tr.newPost td{
	border:2px solid #f00!important;
	border-left:0px!important;
	border-right:0px!important;
}
tr.newPost td:first-child{
	border-left:2px solid #f00!important;
}
tr.newPost td:last-child{
	border-right:2px solid #f00!important;
}
.sideColor {
  background-color: #f0f5f9;
}
.whiteBG{
	background-color:#fff;
	float:left;
	width:748px;
	border-right:1px solid #F3F3F3;
}
code {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #e0e0e0;
    font-family: monospace;
    padding: 2px;
}
h1{
	font-weight:bold;
	font-size:1.45em;
	line-height:1.2em;
	padding:.25em 0;
}
h2{
	font-weight:bold;
	font-size:1.25em;
	line-height:1.2em;
	padding:.25em 0;
}
h3{
	font-weight:bold;
	font-size:1.15em;
	line-height:1.2em;
	padding:.25em 0;
}
/*----Post Styling------*/
.post ol, .post ul{
	margin-left:1em;
	padding-left:1.5em;
}
.post ul{
	list-style:outside;
}
.post ol ol{
	list-style:lower-alpha;
}
.post table{
	border-collapse:collapse;
	width:auto;
}
.post table ol, .post table ul{
	margin:0;
}
.post table td, .post table th{
	border:1px solid #000;
	padding:.25em .5em;
	background-color:#fff;
}
.browserPage .post table td, .browserPage .post table th {
	vertical-align: top;
}
.post table thead td, .post table th{
	background-color:#064D81;
	color:#fff;
	font-weight:bold;
}
.subHead th{
	text-align:left;
}
.post p{
	margin:.5em 0;
}
.post h1{
	font-size:1.5em;
	border-bottom:1px solid #064D81;
	margin:0 0 .5em;
	line-height:1.2em;
}
.post h2{
	font-size:1.25em;
	border-bottom:1px solid #820024;
	margin:0 0 .5em;
	line-height:1.2em;
}
.post h3{
	font-size:1.15em;
	border-bottom:1px solid #D23E5A;
	margin:0 0 .5em;
	line-height:1.2em;
}
.post h4{
	font-weight:bold;
	color:#064D81;
	font-size:1.25em;
	margin:0 0 .5em;
	line-height:1.2em;
}
.post h5{
	font-size:1.15em;
	font-weight:bold;
	color:#820024;
	margin:0 0 .5em;
	line-height:1.2em;
}
.post h6{
	font-weight:bold;
	font-size:1em;
	color:#D23E5A;
	margin:0 0 .5em;
	line-height:1.2em;
}
/*------------Header------------*/
.mainNav {
	background-color: #820024;
	padding-left:10px;
}
.mainNav ul{
	list-style:none;
	margin:0;
	padding:0;
}
.mainNav ul .activeNav{
	background-color:#293C7E;
	border-top:3px solid #D5A52A;
}
.mainNav ul li{
	float:left;
	border-top:3px solid #820024;
	margin-right:1em;
	padding:0 5px;
	position:relative;
	height:25px;
}
.mainNav ul li.active {
  border-top: 3px solid #5487AB;
}
.mainNav ul li img{
	padding-left: 3px;
	height:8px;
}
.mainNav ul li a, .mainNav ul li .noLink{
	padding: 3px 0;
	font-size:14px;
	text-decoration: none;
	line-height:18px;
	color:#fff;
	display:inline-block;
	white-space: nowrap;
}

.mainNav ul li ul{
	display:none;
	background-color:#A70A18;
	left:0;
	top:25px;
	position:absolute;
	z-index:5;
}
.mainNav ul li ul li{
	float:none;	
	border:none!important;
	color:#fff;
	margin:0;
	height:auto;
}
.mainNav ul li ul li a{
	padding:8px 1.25em;
	display:block;
	font-size:.9em;
}
.mainNav ul li:hover {
	background-color:#A70A18;
	border-top:3px solid #fff;
}
.mainNav ul li:hover ul{
	display:inline-block;
}
.mainNav ul li ul li:hover{
	border:none;
	background-color:#820024;
}
.mainNav ul li ul li:hover a{
}
.header .logo{
	float:left;
}
.header .banner {
  background-color: #5487ab;
  background-position:370px -90px;
  background-repeat: no-repeat;
  border-bottom: 2px solid #820024;
}
.header .logo {
  margin: .75em;
}
.header .logo .logoHolder{
	background-image:url(images/logo.png);
	height:60px;
	width:776px;
	background-repeat:no-repeat;
	display:block;
}
.header .tagline{
	color:#fff;
	clear:both;
	font-size:1.2em;
	margin-top:.25em;
}
.header .logo:hover{
	text-decoration:none;
}
/*--------Home----------------*/
.leftCol{
	float:left;
	width:275px;
}
.midCol{
	float:left;
	width:473px;
}
.rightCol {
  float: left;
  width: 275px;
}

	/*----------Left Col of Home Page----------*/
	.cardArea{
		padding: 15px;
		
	}
	.cardArea .description{
		font-size:.85em;
		padding-bottom:15px;
	}
	.cardBox{
		border:1px solid #999;
		border-radius:4px;
		margin:10px 0;
		position:relative;
		display:block;
		text-decoration:none!important;
	}
	.cardBox img{
		vertical-align:middle;
		border-radius:4px 0px 0 4px;
		padding:2px;
		max-width:35%;
	}
	.cardBox .cardTitle{
		display:inline-block;
		width:60%;
		text-align:center;
		vertical-align:middle;
		font-size:18px;
		line-height:1.2em;
	}
	
	.cardBox .coming{
		font-size:10px;
		font-style:italic;
		display:none;
		width:100%;
		position:absolute;
		left:0;
		bottom:0;
		background-color:#fff;
		color:#666;
		padding:2px 0;
		opacity:.8;
		border-radius:0 0 3px 3px;
	}
	.cardBox.userCard .coming{
		border-radius:0;
		bottom:35%;
	}
	.cardBox .secure{
		height:15px;
		width:11px;
		position: absolute;
		right: 5px;
		bottom:3px;
		float:right;
	}
			/*---disabled cards---*/
			.cardBox.disabled, .cardBox.disabled:hover{
				color:#666;
			}
			.cardBox.disabled img, .cardBox.disabled .secure{
				 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
				-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
				border-radius:0;
				opacity:.5;
			}
			.cardBox.disabled {
				background-color:#ccc;
				background-image:none;
				background-repeat:repeat-x;
				background-position:top;
				border-color:#999;
			}
			.cardBox.disabled .coming, .cardBox.disabled .cardBottom2 .coming{
				/*display:block;*/
			}
			.cardBox.disabled:hover, .cardBox.disabled:focus{
				background-color:#ccc;
				background-image:none;
			}

/*--------Middle Col on Home Page------------*/

	.midCol > div{
		padding:.5em;
	}
	.midCol h2{
		vertical-align:middle;
	}
	.midCol h2 span{
		line-height: 35px;
    	vertical-align: top;
		padding-left:3px;
		color:#211d53;
	}
	.midCol > ul{
		font-size:.9em;
		margin-top:.5em;
	}
	.midCol > ul li{
		margin:0 0 .5em 0;
		line-height:1.4em;
		font-size:1em;
	}
	.date{
		color:#666;
		font-size:.8em;
	}
	
	.midCol a:hover{
		text-decoration:underline;
	}
	/*--------FAQs-----------*/
	.faqsList li .question{
		cursor:pointer;
		color:#085CA4;
	}
	.leftHalf .faqsList li .question{
		cursor:pointer;
		color:#000;
	}
	.faqsList li .question:hover{
		text-decoration:underline;
	}
	.faqsList li div{
		color:#999;
		font-weight:normal;
	}
	.printPDF {
		display: inline-block;
		margin-top: 5px;
		vertical-align: top;
		margin-left:5px;
		float:right;
	}
	.printPDF img {
		height: 20px;
	}
/*--------Right Col on Home Page------------*/
	.welcomeMessage, .keyDocuments{
		padding:.5em 1em;
	}
	.welcomeMessage h2{
		color:#304462;
		font-weight:bold;
		font-size:1.25em;
	}
	.welcomeMessage p {
		font-size: 1em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	/*----QuickLinks----*/
	.quickLinks{
		padding:15px 1em;
	}
	.quickLink {
	  border: 2px solid #00244c;
	  border-radius: 4px;
	  margin: 10px 0;
	  position: relative;
	  display:block;
	  text-decoration:none!important;
}
	.quickLink .cardTitle{
		display:inline-block;
		width:68%;
		text-align:center;
		vertical-align:middle;
		font-size:16px;
		line-height:1.2em;
	}
	.quickLink img{
		vertical-align:middle;
		padding:5px;
		max-width:24%;
	}
	.quickLink .soon{
		color: #666666;
		display: none;
		font-size: 10px;
		font-style: italic;
		line-height: 100%;
		padding: 3px 0;
		width: 100%;
		background:#fff;
		opacity:.8;
		position:absolute;
		left:0;
		bottom:0;
		border-radius:0 0 2px 2px;
	}
	
	
	/*------Disabled Styles for Quick Links-------*/
			.quickLink.disabled{
				cursor:not-allowed;
				background-image:none;
				background-color:#ccc;
				background-repeat:repeat-x;
				background-position:top;
				border-color:#999;
				color:#666;
			}
			.quickLink.disabled .cardTitle {
				color:#666;
			}
			.quickLink.disabled .soon{
				/*display:block;*/
				color:#999;
			}
			.quickLink.disabled img{
				 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
				-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
			}
			.quickLink.disabled:hover, .quickLink.disabled:focus{
				cursor:not-allowed;
				background-image:none;
				background-color:#ccc;
				background-repeat:repeat-x;
				border-color:#999;
			}
	

/*-------Single Page--------*/
.singlePage{
	padding:1em;
	font-size:.9em;
}
.singlePage h2{
	border-bottom: 1px solid #24326c;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
/*------- User-Pages ---------*/
.leftHalf{
	width:546px;
	float:left;
	background-color:#fff;
	border-right:1px solid #F3F3F3;
}
		.cardArea h2{
			font-size: 1.2em;
			font-weight:normal;
			color:#304462;
		}
		.cardBox.userCard{
			width:150px;
			margin:.5em 3px;
			display:inline-block;
			vertical-align: top;
			padding:.5em 0;
			text-align: center;
		}
		.cardBox.userCard img{
			vertical-align:middle;
			border-radius:0;
			padding:2px;
			max-width:100%;
			height:95px;
		}
		.cardBox.userCard div{
			height:2.5em;
			padding-top:.5em;
		}
		.cardBox.userCard .cardTitle{
			display:inline-block;
			width:96%;
			padding:0 2%;
			text-align:center;
			vertical-align:middle;
			font-size:.9em;
			
		}
		.cardBox.userCard .secure{
			right: 3px;
			bottom:3px
		}
		
.rightHalf{
	width:413px;
	float:left;
}
	.rightHalf > div{
		padding:.5em 1em .25em;
	}
	.rightHalf h2{
		vertical-align:middle;
	}
	.rightHalf h2 span, .leftHalf h2 span{
		line-height: 35px;
    	vertical-align: top;
		padding-left:3px;
		color:#293C7E;
	}
	
	.rightHalf ul li .date{
		color:#666;
		font-size:.8em;
	}
	.rightHalf .docsList li{
		color:#064d81;
	}
	.rightHalf ul li a{
		color:#064d81;
	}
	.rightHalf ul li a:hover{
		text-decoration:underline;
	}
/* -------- Resources --------*/
	.resourcePage{
		padding:0 1.5em;
	}
	.resourcePage h1{
		font-weight:bold;
		font-size:1.35em;
		color:#2E529E;
	}
	.resourceIntro{
		font-size:.9em;
	}
	.resourceIntro.post p{
		margin-top:0;
	}
	.resourceTitle{
		margin-bottom:1em;
	}
	.resourceTitle:last-child{
		margin-bottom:0em;
	}
	.pageHeading{
		position:relative;
	}
	#searchform{
	position:absolute;
	right:0;
	top:3px;
	width:250px;
	}
	.about #searchform{
		position:relative;
		width:auto;
	}
	#searchform .field{
		width:81%;
		border: 2px solid #2E529E;
		padding: 3px 2px;
		height: 14px;
		border-radius: .5em 0 0 .5em;
	}
	#searchform .field.redBorder{
		border-color:red;
	}
	.searchButton{
		background-color:#2E529E;
		border-radius:0 .5em .5em 0;
		border:none;
		height: 24px;
		width: 15%;
		background-image:url(images/search.png);
		background-position:center center;
		background-repeat:no-repeat;
		cursor:pointer;
		vertical-align:bottom;
	}
	.searchButton:hover{
		background-color:#0865A3;
	}

	.loader{
		text-align:center;	
		padding:50px 0;
	}
	#loopHolder .subfolder{
		padding-left:50px;
		background-repeat:no-repeat;
		background-position:left center;
		height:35px;
		margin:1em 0;
		font-size:1.15em;
		line-height:35px;
		
	}
	#loopHolder .subfolder:hover{
		cursor:pointer;
		text-decoration:underline;
	}
	
/*---------TABS-------------------*/	
	.resourceTabs{
		padding: 0 5px;
	}
	.resourceTabs::after{
		content:' ';
		display:block;
		clear:both;
	}
	.resourceTabs li{
		float:left;
		margin:0 2px;
		padding:3px 5px;
		color:#2E529E;
		border:2px solid #2E529E;
		border-bottom:none;
		background:#fffff;
		border-radius:5px 5px 0 0 ;
		font-size:12px;
	}
	.resourceTabs li:hover{
		color:#fff;
		background:#2E529E;
		cursor:pointer;
	}
	.resourceTabs li.selected{
		background:#F8F1DD;
		color:#2E529E;
		padding-bottom:5px;
		margin-bottom:-2px;
		cursor:auto;
	}
	.tabSection{
		padding:1em 1.5em;
		border:2px solid #2E529E;
		border-radius:5px;
		margin-bottom:1em;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f1dd+0,7db9e8+100&amp;1+0,0+31 */

		background: -moz-linear-gradient(top,  rgba(248,241,221,1) 0%, rgba(210,224,224,0) 250px, rgba(125,185,232,0) 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,241,221,1)), color-stop(250px,rgba(210,224,224,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  rgba(248,241,221,1) 0%,rgba(210,224,224,0) 250px,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  rgba(248,241,221,1) 0%,rgba(210,224,224,0) 250px,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  rgba(248,241,221,1) 0%,rgba(210,224,224,0) 250px,rgba(125,185,232,0) 100%); /* IE10+ */
		
		background: linear-gradient(to bottom,  rgba(248,241,221,1) 0%,rgba(210,224,224,0) 250px,rgba(125,185,232,0) 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f1dd', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */

	}
	.tabSection table{
		width:100%;
	}
	.tabSection table.dateTable{
		width:100%;
		max-width:100%;
	}
	.tabSection h2{
    	color: #2E529E;
	    font-size: 1.15em;
	    margin-bottom: 0.25em;
		font-weight:bold;
	}
	.tabSection h3{
    	font-size: 1em;
    	margin-bottom: 0.25em;
    	margin-top: 1.5em;
		color: #2E529E;
		font-weight:bold;
	}
	.jumpNav{
		margin-bottom:1em;
	}
	.jumpNav li{
		margin-left:1em;
		margin-bottom:.5em;
		line-height:1.2em;
	}
	.jumpNav li::before{
		content:' ';
		display:inline-block;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #2f539e;
		margin-right: .5em;
	}
	.jumpNav li a{
		color:#202020;
		text-decoration:underline;
	}
	.jumpNav li a:hover{
		color:#2E529E;
	}
	.tabSection a, .searchPage a{
		margin-right:5px;
	}
	.resGroup{
		position:relative;
	}
	.topJump{
		font-size:.85em;
		color:#202020;
		text-decoration:underline;
		position:absolute;
		right:0;
		top:0;
	}
	#dateArea{
		padding:.5em 1em;
	}
	#resourceArea table, #dateArea table{
		border-collapse: separate;
    	border-spacing: 0;
	}
	
	#resourceArea th, #dateArea th{
		color: #FFFFFF;
		font-size: 1em;
		padding: 0.25em 1%;
		text-align: left;
	}
	#dateArea .dateTable th{
		padding:5px;
	}
	#resourceArea td, #dateArea td{
		padding:.25em .5em;
		line-height:1.2em;
		border:1px solid #999;
		border-right:none;
		font-size:.85em;
		border-top:none;
		background:#ffffff;
	}
	#dateArea td:first-child{
		border-right:1px solid;
	}
	#resourceArea td:last-child, #dateArea td:last-child{
		border-right:1px solid;
		border-left:none;
	}
	#dateArea .filter{
		padding-bottom:.5em;
	}
	#dateArea .filter legend{
		float:left;
		margin-right:.25em;
		padding:2px 0;
	}
	#dateArea .filter .container{
		display:inline-block;
		float:left;
		position:relative;
	}
	#dateArea .filter input[type="radio"]{
		position:absolute;
		left:50%;
	}
	#dateArea .filter label{
		background:#fafafa;
		color:#005395;
		padding:2px 5px;
		font-size:.9em;
		float:left;
		cursor:pointer;
		position:relative;
	}
	#dateArea .filter .firstSwitch{
		border-radius:3px 0 0 3px;
		border:1px solid #005395;
		border-right:none;
	}
	#dateArea .filter .lastSwitch{
		border-radius: 0 3px 3px 0;
		border:1px solid #005395;
		border-left:none;
	}
	#dateArea .filter input[type="radio"]:checked + label {
		background:#005395;
		color:#fff;
	}
	#dateArea tr.archived{
		display:none;
	}
/*-------FAQs----------*/
.faqPage .leftHalf{
	width:623px;
	float:left;
}
.faqPage .rightHalf{
	width:336px;
	float:left;
}
.faqArea{
	padding:1em;
}
.faqArea .faqs h2 {
	color:#546152;
}
.faqArea .faqs h2 span{
	line-height:35px;
	vertical-align:top;
	display:inline-block;
	width:93%;
}
.faqArea .faqs .faqsList li{
	font-size:.9em;
	padding-left:2.5em;
	margin:1em 0;
}
.faqArea .faqs .faqsList li .question{
	cursor:pointer;
	font-size:1.05em;
}

.faqArea .faqs .faqsList li .answer{
	font-size:.8em;
	color:#999;
	padding:5px 0 0 50px;
	background-position:10px top;
	background-repeat:no-repeat;
	margin-top:.25em;
}
.faqArea .faqs .faqsList li .answer p{
	margin-bottom: 1em;
	margin-top:0;
}
.faqsList li .answer ul{
	font-size:100%;
	list-style:outside;
	padding-left:1.5em;
}
.faqArea .faqs .faqsList li .answer ul li{
	padding:0;
	font-size:100%;
}
.faqs {
	position: relative;
	margin:3em 0;
}
.singlefaq{
	margin:1em 0;
}
/*-------Annoucements--------*/
	.announcements, .docsList{
		padding-left:2em;
		margin-left:0;
	}
	.announcements > li, .docsList >li{
		margin: .5em 0;
		list-style:outside;
	}
	.description h2{
		font-size:1.15em;
	}
	.description en{
		font-style:inherit;
	}
	.description strong{
		font-weight:bold;
	}
	.description li{
		list-style:outside disc;
		margin: .5em 0 .5em 1.5em;
	}
	.description li li{
		list-style:circle;
	}
	.announcements > li.newAnnouncement{
		background-image:url(images/new.png);
		background-position:0 3px;
	}
	.announcements .date, .docsList .date{
		font-size:.8em;
		font-style:italic;
		color:#999;
	}
	.documents ul{
		list-style:disc outside none;
		padding-left: 13px;
	}
	.documents ul li{
		padding-left:30px;
		list-style:none;
		background-image:url(images/old.png);
		background-repeat:no-repeat;
		background-position:4px 0;
		font-size:.9em;
		margin: .5em 0;
	}
	.documents ul li a{
		color:#546152;
	}
	.description p{
		margin: 1em 0;
	}


/*-------Browsers---------*/
.browserPage{
	padding:1em;
}
.browserPage .intro ul{
	padding-left:1.5em;
	list-style:outside;
}
.browserPage .intro li{
	margin:.25em 0;
}
.browserPage .intro ul ul{
	list-style:circle;
}
/*.browserPage h1{
	font-size:1.4em;
	border-bottom:1px solid #2F539E;
}
.browser h2{
	font-weight:bold;
}
.browserPage h3{
	font-weight:bold;
	font-size:1.2em;
    margin: 1.25em 0 .5em;
}
.browserPage .intro h3{
	border-bottom: 1px solid #DBDBDB;
	font-weight:normal;
}*/
.browserPage .intro{
	margin-top:1em;
	margin-bottom:1.5em;
	font-size:.85em;
}
.browserPage p{
	margin: 0.5em 0;
	line-height:130%;
}
.bIcon{
	display:inline-block;
	width:50px;
	height:50px;
	vertical-align:middle;
	padding-bottom:2px;
	background-repeat:no-repeat;
}
.bIcon.windows{
	background-position:0 0;
}
.bIcon.mac{
	background-position:-50px 0;
}
.bIcon.linux{
	background-position:-100px 0;
}
.bIcon.inform{
	background-position:-150px 0;
}
.bIcon.faqssymbol{
	background-position:-200px 0;
}
.bIcon.droid{
	background-position:-250px 0;
}
.bIcon.chrome{
	background-position:-300px 0;
}
.bIcon.ipad{
	background-position:-50px 0;
}
.browserPage ul.btabs{
	width:20%;
	margin-top:.5em;
	list-style:none;
	padding:0;
	float:left;
}
.bDownloads{
	width:75%;
	border:1px solid #999;
	border-radius:5px;
	margin-left:20%;
}
.btabs li{
	border:1px solid #999;
	border-radius: 5px 0 0 5px;
	padding:.2em;
	margin:.5em -1px .5em 0;
	cursor:pointer;
	background-image: url("images/btabBG.jpg");
    background-position: right;
    background-repeat: repeat-y;
	background-color:#efefef;
}
.btabs li:hover{
	background-image:none;
	background-color:#D8E3FA;
}
.btabs li.active{
	background-image:none;
	background-color:#fff;
	border-right:1px solid #fff;
	margin-right:-1px;
}
.btabs li.disabled{
	background-image: none;
	background-color:#ccc;
}
.btabs li.disabled:hover{
	background-image: none;
	background-color:#ccc;
	cursor:not-allowed;
}
.btabs li.disabled .bIcon{
	background-image:url(images/browserIcons_gs.png);
}
.btabs li .OS{
	display: inline-block;
    font-size: 1em;
    vertical-align: middle;
    width: 65%;
}
.btabs li .OS .osName{
	font-weight:bold;
	font-size:1.5em;
}
.btabs li.disabled .OS .osName{
	color:#858585;
}
.btabs li .OS .version{
	color:#2F539E;
	font-size:.8em;
	line-height:1.2em;
}
.btabs li.disabled .OS .version{
	color:#999;
}
.btabs li.disabled:hover .OS .version{
	color:#999;
}
.browser{
	padding:1em;
	display:none;
}
.browser:first-child{
	display:block;
}
.browser .bSection{
	font-size:.85em;
}
.browser .bSection hr{
	margin:.5em 0;
	border:0px;
	border-bottom:1px solid #293C7E;
}
.browser .bSection:first-child{
	border-bottom:1px solid #293C7E;
	margin-bottom:.5em;
}
.browser .bSection:last-child{
	border-bottom:0px;
	margin-bottom:0;
}
.browser .bSection h1{
	font-size:1.15em;
	margin-top:0;
}
.browser .bSection h2{
	font-size:1.15em;
	color:#2F539E;
	border-bottom:none;
}
.browser .bSection h3{
	font-size:1em;
}
.browser .bSection h6{
	border:2px dashed red;
	margin: 5px 0;
    padding: 10px;
}
.browser .bSection p{
	margin:.5em 0;
}
.browser .bSection ul{
	list-style:outside;
	padding-left:1.5em;
}
.browser .bSection ol{
	padding-left:1.5em;
}
.browser .bSection li{
	margin:1em 0;
}
.browser .bSection .dlBrowser{
	display:inline-block;
	margin:.5em 0;
	text-decoration:none;
}
.browser .bSection div h6{
	border:2px dashed red;
	padding:.5em;
	margin:.5em 0;
}
.browser .bSection a span, .browser .bSection a img{
	vertical-align:middle;
	display:inline-block;
}
.browser .bSection .browserArrow{
	height:41px;
	width:47px;
	display:inline-block;
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 .5em;
	text-decoration:none!important;
}
.browser .bSection a .download div{
	color:#2F539E;
	font-size:1.3em;
	font-weight:bold;
}
.browser .bSection a .download span{
	color:#999;
	font-size:.8em;
	font-style:italic;
}
.browser .bSection .dlBrowser{
	padding:10px;
	border-radius:10px;
}
.browser .bSection .dlBrowser:hover{
	background-color:#D8E3FA;
}
.browser .bSection a:hover .browserArrow{
	background-position:top;
}
.browser .bSection a:hover .download div{
	text-decoration:underline;
	color:#2F539E;
}
.browserPage a.dlBrowser:hover{
	text-decoration:none;
}.browserPage h6 {
    border: 2px dashed #FF0000;
    margin: 0.5em 0;
    padding: 0.5em;
	color:inherit!important;
	font-weight:normal;
}

/*-----Single Browser----*/
.singleBrowser h1{
	font-size:1.15em;
	margin-top:0;
}
.singleBrowser h2{
	font-size:1.15em;
	color:#2F539E;
	border-bottom:none;
}
.singleBrowser h3{
	font-size:1em;
}
.singleBrowser h6{
	border:2px dashed red;
	margin: 5px 0;
    padding: 10px;
}
.singleBrowser p{
	margin:.5em 0;
}
.singleBrowser ul{
	list-style:outside;
	padding-left:1.5em;
}
.singleBrowser ol{
	padding-left:1.5em;
}
.singleBrowser li{
	margin:1em 0;
}
.singleBrowser .bSection:first-child {
    border-bottom: 1px solid #293c7e;
    margin-bottom: 0.5em;
}
.singleBrowser .bSection .dlBrowser{
	display:inline-block;
	margin:.5em 0;
	text-decoration:none;
}
.singleBrowser .bSection div h6{
	border:2px dashed red;
	padding:.5em;
	margin:.5em 0;
}
.singleBrowser .bSection a span, .singleBrowser .bSection a img{
	vertical-align:middle;
	display:inline-block;
}
.singleBrowser .bSection .browserArrow{
	height:41px;
	width:47px;
	display:inline-block;
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 .5em;
	text-decoration:none!important;
}
.singleBrowser .bSection a .download div{
	color:#2F539E;
	font-size:1.3em;
	font-weight:bold;
}
.singleBrowser .bSection a .download span{
	color:#999;
	font-size:.8em;
	font-style:italic;
}
.singleBrowser .bSection .dlBrowser{
	padding:10px;
	border-radius:10px;
}
.singleBrowser .bSection .dlBrowser:hover{
	background-color:#D8E3FA;
}
.singleBrowser .bSection a:hover .browserArrow{
	background-position:top;
}
.singleBrowser .bSection a:hover .download div{
	text-decoration:underline;
	color:#2F539E;
}
.singleBrowser a.dlBrowser:hover{
	text-decoration:none;
}
.singleBrowser h6 {
    border: 2px dashed #FF0000;
    margin: 0.5em 0;
    padding: 0.5em;
	color:inherit!important;
	font-weight:normal;
}
/*-----Sample Tasks-----*/
.sampleTasks h1{
	font-size:1.2em;
	margin-bottom:.5em;
	border-bottom:1px solid #24326c;
}
.sampleTasks h2{
	font-size:1em;
	font-weigt:bold;
	color:#24326c;
}
.sampleTasks table{
	margin-bottom:1em;
}
#dateArea.sampleTasks td:last-child{
	border-left:1px solid;
}
	
/*-------Contact--------*/
.contact{
	padding:15px 1em;
}
.contact h2{
    font-size: 1.25em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
	border-bottom:1px solid #2F539E;
}
.contact h3{
	font-weight:bold;
	color:#2F539E;
}
.contact p, .contact li{
	font-size:.95em;
}
.about{
	margin-bottom:1.5em;
}
.about .registerButton{
	background-color:#2F539E;
	border-radius:.5em;
	padding:.5em .75em;
	color:#fff;
	font-size:.8em;
	display:block;
	width:115px;
	margin:0 auto;
	line-height:25px;
}
.about .registerButton span{
	width:25px;
	height:25px;
	display:inline-block;
	background-image:url(images/menu.png);
	background-position:-25px 0;
	margin-left:.5em;
	vertical-align:middle;
}
.about form > div{
	margin:0 auto;
	max-width:300px;
}
.about form label{
	display:none;
}
.about form #s{
	margin:0;
	float:left;
	height:24px;
	padding:2px;
	width:200px;
	border-radius:.5em 0 0 .5em;
	border:1px solid #2F539E;
}
.about form #searchsubmit{
	background-color:#2F539E;
	border-radius:0 .5em .5em 0;
	padding:6px .75em;
	color:#fff;
	height:30px;
	line-height:16px;
	font-size:.8em;
	border:none;
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	background-position:85% center;
	padding-right:30px;
	margin:0;
	cursor:pointer;
}

.about .registerButton:hover, .about form #searchsubmit:hover{
	background-color:#577BC7;
	color:#fff;
}
/*-------Training Tests-------*/
.trainingTest .welcomeMessage p{
	font-size:.9em;
	line-height:1.5em;
}
.trainingTest .availableTests{
	float: right; 
	background: #f8f1dd; 
	padding: 1em; 
	color: #293c7e; 
	font-size: .8em; 
	width: 300px; 
	margin: 1em; 
	border: 1px solid #293c7e;
}
.trainingTest .cardArea{
	 padding: 0.5em 1em;
}
/*-------Chat Button ---------*/
.chatButton > div a{
  background-color: #2f539e;
  border-radius: 0.5em;
  color: #fff;
  display: block;
  font-size: 0.8em;
  line-height: 25px;
  margin: 0 auto;
  padding: 0.5em 0.75em;
  width: 115px;
}
/*-------Footer---------*/
.footer{
	padding:2px 1em;
	text-align:right;
	color:#fff;
}
.footlink{
	display:inline-block;
	padding:.5em 0;
}
.footlink a{
	color:inherit;
	padding:0 .5em;
	font-size:.85em;
	cursor:pointer;
	display:inline-block;
	line-height:1em;
}
.footlink a:last-child{
	border-right:none;
}
.footlink a:hover{
	text-decoration:none;
	color:#9FBCD0;
}
.footer div.mobile{
	display:none;
}
.mobile{
	display:none;
}
.footerPost{
	float:left;
	text-align:left;
	font-size:.65em;
	line-height:1.35em;
	padding-top:.25em;
}
.footerPost .social a{
	display:inline-block;
	padding-bottom:3px;
	padding-top:1px;
	border-bottom: 2px solid transparent;
}
.footerPost .social a:hover{
	border-bottom:2px solid #AFB1B4;
}
.footer .clear{
	padding:0;
}
.footersidebar {
	color:#D4D6D7;
}
/*------Subscirbe For Email Alerts-----*/
.userBar{
	float:right;
	color:#ffffff;
	padding:5px 1em;
	font-size:.75em;
	border-left:3px solid #930036;
	height:18px;
}
.userBar button{
	border:none;
	color:#005395;
	background-color:transparent;
	padding:0;
	font-size:1em;
}
.loginOverlay{
	display:none;
	position:fixed;
	z-index:9998;
	width:100%;
	height:100%;
	background:#ffffff;
	opacity:.6;
	top:0;
	left:0;
}
.loginPopup{
	display:none;
	position:absolute;
	z-index:9999;
	width:500px;
}
.popupClose{
	padding:5px;
	background: #e2e2e2; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #b5b5b5 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#b5b5b5)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#b5b5b5 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #e2e2e2 0%,#b5b5b5 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#b5b5b5 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  #e2e2e2 0%,#b5b5b5 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-8 */

	text-align:right;
	border-radius:5px 5px 0 0;
}
.popupClose span{
	background-image: url("images/close.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    padding: 3px;
    width: 15px;
}
.popupClose span:hover{
	background-color:#E2E2E2;
	border: 1px solid #ccc;
	padding:2px;
}
.register, .login, .profile{
	background-color:#fafafa;
	padding:1em;
	display:none;
	border-radius:0 0 5px 5px;
	border:2px solid #B5B5B5;
	border-top:none;
}
.registerButton{
  	cursor: pointer;
	display:inline-block;
}
.loginButton {
	cursor: pointer;
	display:inline-block;
}
.login > h2 {
    font-size: 1.3em;
}

.registerButton:hover, .loginButton:hover, .manageAccount:hover, .userBar a:hover, .userBar button:hover{
	color:#15385C;
	text-decoration:none;
	cursor:pointer;
}
.registerForm{
	padding:.5em .5em 0;
}
.registerForm label{
	min-width:120px;
	display:inline-block;
}
.registerForm .emailAlerts label{
	min-width:0;
	margin-right:.5em;
}
.registerForm p{
	margin-bottom:.5em;
}
.registerForm .emailAlerts{
	padding-left:.5em;
	font-size:.8em;
}
.registerForm .error{
	border:1px solid red;
	padding:5px;
	margin-bottom:5px;
	background-color:#f7958b;
	font-size:.8em
}
.registerForm .accountSaved{
	border:1px solid green;
	padding:5px;
	margin-bottom:5px;
	background-color:#B6FFB6;
	font-size:.8em
}
.registerForm .lostPass .accountSaved{
	font-size:1em;
}
.form-submit{
	margin:0!important;
}
.register > h2 {
    font-size: 1.3em;
}
.note {
  font-size: 0.8em;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.25em 1.5em;
}
.buttonContainer input{
	cursor:pointer;
}
.lostPass{
	padding:5px;
	font-size:.8em;
	display:none;
}
.lostPass .error{
	font-size:1em;
}
.resetPass{
	cursor:pointer;
	margin:.5em 0 0 0!important;
	font-size:.9em;
}
.form-password{
	font-size:.8em;
	padding-left:10px;
}
.form-password label{
	min-width:130px;
}
.manageAccount{
	display:inline-block;
}
.resetPass:hover{
	cursor:pointer;
	text-decoration:underline;
}
.passMissmatch, .tooShort{
	display:none;
}
.buttonhider{
	cursor:not-allowed;
	width:58px;
	height:22px;
	margin-top:-23px;
	position:absolute;
}
.user-submit.noClick, .user-submit.notClick{
	opacity:.65;
	color:#999;
}
#tabs , #tabs ul, #tabs .tab2 ul{
    transition: all 0.3s ease 0s;
}
p.loginNote {
	font-size:.9em;
	border-top:1px solid #cccccc;
	margin: 1em 0;
    padding: 0.25em 0;
	border-bottom:1px solid #cccccc;
	
	}

/*-----------Search Styles--------------*/

.searchResults li{
	padding:1em;
	border-bottom:1px solid #293C7E;
}
.searchResults li:first-child{
	border-top:1px solid #293C7E;
}
.searchResults li:nth-child(even){
background:rgba(46, 82, 158, 0.025);
}
.searchResults .searchTermHighlight{
	background-color:#F9FA00;
}

.searchPage .search{
	padding:.25em 0;
}
.searchPage .search #s{
	width:94%;
	font-size:1.2em;
	border: 1px solid #546152;
	padding:3px;
}
.searchPage .search .searchButton{
	width:5%;
	padding:.72em 0;
	vertical-align:bottom;
}
.searchParams{
	font-size:1em;
	margin:.5em 0;
	color:#666;
}
.searchParams span{
	font-weight:bold;
	color:#000;
}
.numberResults{
	font-size:.8em;
	color:#8A8A8A;
	margin:.5em 0 ;
}
.searchPage .description{
	font-size:.8em;
	padding-top:.25em;
}
.searchPage .navigation{
	margin:1em 0 0;
	font-size:.8em;
	text-align:center;
}
.searchPage .navigation li{
	display:inline-block;
	margin: 0 .25em;
	text-align:center;
}
.searchPage .navigation li a{
	text-decoration:none!important;
	padding:.25em .5em;
	text-align:center;
	border-radius:.25em;
}
.searchPage .terms{
	font-size:.65em;
	margin-top:1em;
}
.searchPage .terms .folderIcon{
    background-position: 0 -16px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    margin-right: 0.5em;
    width: 15px;
	vertical-align:top;
}
/*----------About Page---------*/
.supportedBrowsers{
	border-collapse:collapse;
	width:auto;
	margin:.5em auto;
}
.supportedBrowsers td, .supportedBrowsers th{
	border:1px solid #000;
	padding:.25em .5em;
	background-color:#fff;
}
.supportedBrowsers td{
	text-align:center;
	font-size:.85em;
}
.supportedBrowsers thead th{
	background-color:#2F539E;
	color:#fff;
	font-weight:bold;
	font-size:.9em;
	padding:0;
}
.supportedBrowsers tbody th{
	text-align:left;
	font-weight:bold;
	font-size:.8em;
}
.supportedBrowsers .browserLogo{
	display:block;
	height:50px;
	width:50px;
	margin:auto;
	background-image:url(images/browserLogos.png);
	background-repeat:no-repeat;
	text-indent:100px;
	overflow:hidden;
}
	.browserLogo.chrome{
		background-position:0 0;
	}
	.browserLogo.firefox{
		background-position:-50px 0;
	}
	.browserLogo.ie{
		background-position:-100px 0;
	}
	.browserLogo.safari{
		background-position:-150px 0;
	}
	.browserLogo.safariIOS{
		background-position:-200px 0;
	}
.supportedBrowsers .browserName{
	font-size:.65em;
	color:#666;
	display:block;
	text-align:center;
	width:auto;
	min-width:75px;
}
/*-------System Status Page-------*/
.statusPage{
	padding:1em;
}
.statusPage table{
	margin:0 auto;
	border:1px solid gray;
	margin-top:1em;
}
.statusPage table th{
	background-color:#316397;
	color:#fff;
	padding:.5em;
}
.statusPage table tr:nth-child(even) td{
	background-color:#EFF4F7;
}
.statusPage table td{
	padding:.5em;
	font-size:.9em;
}
.statusPage table td a{
	color:#316397;
}
.statusPage table td a:hover{
	text-decoration:underline;
}
.statusPage table td .statusDetails{
	color:#aaa;
	font-size:.9em;
}
.statusPage table td div .statusText{
	line-height: 40px;
    vertical-align: bottom;
}
.statusPage table td div .icon{
	display:inline-block;
	height:35px;
	width:35px;
	background-image:url(images/statusIcons.png);
	background-repeat:no-repeat;
}
.statusPage table td div.full .icon{
	background-position:1px 0;
	
}
.statusPage table td div.partial .icon{
	background-position:-34px 0;
}
.statusPage table td div.not .icon{
	background-position:-68px 0;
}
.statusPage table td div.soon .icon{
	background-position:-102px 0;
}
/*--------Forms---------------*/
.formContainer{
    margin: .5em auto;
    padding: 0.5em;
    max-width: 500px;
}
.formContainer .submit-wrap{
	margin:0;
}
.formContainer .ninja-forms-required-items{
	font-size:.8em;
	color:red;
}
.formContainer input[type="submit"]:hover{
	cursor:pointer;
}
.formContainer li{
	width:100%;
}

/*-------Classroom Activities-------*/
.classroomActivities h1{
	font-size: 1.25em;
    margin-bottom: 0.5em;
}
.classroomActivities h2{
	font-size: 1.15em;
	font-weight:bold;
	border:0;
	margin-top:1em;
}
.classroomActivities .post{
	margin-bottom:1em;
}
.classroomActivity{
	margin:1em 0;
}
.activityList li{
	margin:.25em 1.5em;
}

/*------------Site Index--------------*/
.index{
	padding:1.5em;
}
.index h1{
	font-weight:bold;
	font-size:1.25em;
	color:#2f539e;
	margin-bottom:0;
}
.index h2{
	font-weight:bold;
	font-size:1.15em;
	color:#2f539e;
	margin:1em 0 .25em;
	line-height:1em;
}
.index a{
	text-decoration:underline;
	color:#2f539e;
}
.index a:hover{
	color:#daac27;
}
.index .alphaNav{
	margin-bottom:.5em;
}
.index .alphaNav li{
	float:left;
	padding-right:.75em;
	font-weight:bold;
	font-size:1.05em;
	color:#202020;
	width:1em;
	text-align:center;
}
.index .alphaNav li a{
	border-bottom:2px solid #daac27;
	color:#202020;
	text-decoration:none;
	display:block;
}
.index .alphaNav li a:hover{
	transition: background-color 0.5s ease, color 0.5s ease;
	background:#daac27;
	color:#ffffff;
}
.index .alphaNav::after{
	content:' ';
	display:block;
	clear:both;
}

/*-------------Bread Crumbs---------------*/
.breadCrumbs{
	padding:.25em;	
}
.breadCrumbs::after{
	content:' ';
	display:block;
	clear:both;
}
.breadCrumbs li{
	float:left;
	padding-left:6px;
	font-size:.8em;
	color:#202020;
}
.breadCrumbs li::after{
	content:' ';
	display:inline-block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #2f539e;
	margin-left:6px;
}
.breadCrumbs li:last-child::after{
	content:'';
	display:none;
}
.breadCrumbs li a{
	color:#202020;
	text-decoration:underline;	
}
.breadCrumbs li a:hover{
	color:#daac27;
}
/*---------Resource List--------------*/
.resourceList{
	padding:.5em 1em;
}
.resourceList h2{
	margin-top:2em;
}
.listsection{
	position:relative;
}
/*-------------404 Page---------------*/
.pageNotFound{
	margin: 1em auto;
	background-image:url(images/chalkboard.png);
	padding:85px 75px 55px;
	width:350px;
	height:172px;
	color:#f3f3f3;
	font-family:'Comic Sans MS';
	font-size:1.15em;
}