/*
 *
 */

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	}


@media only screen and (max-width: 960px) {
	/* start skinny rules */

	body {
		overflow-x: hidden;
		}

	body.fixed {
		position: fixed;
		}

	img {
		max-height: none;
		max-width: 100%;
		width: auto;
		height: auto;
		}

	header {
		width: auto;
		height: auto;
		}

	header img {
		width: 100%;
		height: auto;
		}

	.wrap-outer {
		width: auto;
		margin: 0;
		padding: 0;
		overflow-x: hidden; /* Hiding logo div width overflow for *mobile browsing. */
		}

	.mask {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		}

	#head-nav-trigger {
		display: block;
		position: absolute;
		right: 0;
		top: 21px;
		padding: 4px 5px 2px 5px;
		border: 1px solid #004b8d; /* menu dark blue */
		background: #004b8d; /* menu dark blue */
		border-radius: 5px 0 0 5px;
		color: #fff;
		width: 35px;
		text-align: center;
		line-height: 1;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		     ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;
		cursor: pointer;
		z-index: 9999;
		}

	#head-nav-trigger.open {
		margin-right: 250px; /* menu width */
		position: fixed;
		}
	#head-nav-trigger.closed {
		margin-right: 0;
		}

	#head-nav,
	#brand-nav,
	#site-search {
		float: none;
		}

	#head-nav {
		position: fixed;
		top: 0;
		right: -256px; /* width of #head-nav +6 for border*/
		width: 250px; /* menu width */
		height: 100%;
		z-index: 9999;
		/* overflow: hidden; */
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
		     ms-transition: all 0.3s;
		     -o-transition: all 0.3s;
		        transition: all 0.3s;

		background-color: #004b8d; /* menu dark blue */
		border-top: 0;
		border-left: 6px solid #004b8d; /* menu dark blue */
		color: #fff;
		text-transform: none;
		z-index: 99999;
		}

	#head-nav.closed {
		right: -256px; /* width of #head-nav +6 for border*/
		}
	#head-nav.open {
		right: 0;
		}

	#head-nav .dotted-line {
		display: none;
		}

	#site-search {
		margin: 0;
		padding: 10px;
		text-align: left;
		width: 280px;

		/* current colors */
		background-color: #004b8d; /* menu dark blue */
		border-bottom: 1px solid rgba(70, 108, 165, 0.8); /* #466ca5 == rgba(70, 108, 165) == light menu border */

		}

	#site-search label,
	#site-search-form-brand {
		/* hide */
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		}

	#site-search input[type="text"],
	#site-search input[type="submit"] {
		border: 1px solid #004b8d; /* menu dark blue */
		border-radius: 5px;
		font-size: 16px !important;
		height: 26px;
		line-height: 26px;
		}
	#site-search ::-webkit-input-placeholder { /* WebKit browsers */
		color: #fff;
		}
	#site-search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #fff;
		opacity:  1;
		}
	#site-search ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #fff;
		opacity:  1;
		}
	#site-search :-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #fff;
		}

	#site-search input[type="text"] {
		padding: 0 10px;
		width: 200px;
		background: #607cb0;
		border-radius: 0 11px 11px 0;
		border-left: 0;
		color: #fff;
		font-size: 14px !important;
		margin-top: 2px;
		}

	#site-search input[type="text"]:focus {
		outline: 0;
		}

	#search-icon {
		display: inline-block;
		background: #607cb0;
		border: 1px solid #004b8d; /* menu dark blue */
		border-radius: 11px 0 0 11px;
		width: 28px;
		height: 26px;
		font-size: 13px;
		line-height: 28px;
		vertical-align: middle;
		text-align: center;
		margin-right: -4px;
		padding-left: 5px;
		}

	#site-search-form-go,
	#site-search button[type="submit"] {
		display: none;
		}

	#brand-nav {
		margin-left: 10px;
		width: 215px;
		}

	#brand-nav ul li {
		float: none;
		background-image: none;
		border-bottom: 1px solid rgba(75, 109, 167, 0.3); /* 4b6da7 == rgba(75, 109, 167) == dark background rule */
		width: 220px;
		padding: 5px 10px 5px 0;
		}

	#brand-nav ul li:last-child {
		border-bottom: 0;
		}

	#brand-nav a {
		font-size: 14px;
		font-weight: normal;
		color: #fff;
		}

	#brand-nav a .icon-caret {
		display: inline-block;
		font-size: 14px;
		}

	#brand-nav a .icon-caret:before {content: "\f0da";} /* left */
	#brand-nav .rwd-open a .icon-caret:before {content: "\f0d7";} /* down */

	#brand-nav a.trigger {
		}

	#brand-nav ul li > ul {
		position: static;
		display: none;
		border: 0;
		background-color: transparent;
		background-image: none;
		}

	#brand-nav ul li > ul li {
		border: 0;
		background-color: transparent;
		background-image: none;
		margin-left: 20px;
		}

	#brand-nav ul li > ul li a:focus,
	#brand-nav ul li > ul li a:hover {
		background-color: transparent;
		}

	#brand-nav ul li.rwd-open > ul.menu {
		display: block;
		}

	.home header {
		height: auto;
		}

	#logos {
		}

	#logos img,
	#ets-product-logo img {
		height: 50px;
		width: auto;
		}

	/* the stand alone logo is larger than the logo+brand logo */
	/* tweak that here */
	#logos img[height="68"],
	#ets-product-logo img[height="68"] {
		height: 32px;
		margin-top: 8px;
		margin-bottom: 10px;
		}

	.home header #logos,
	.home header #ets-product-logo {
		position: static;
		float: none;
		margin-left: 0;
		padding-left: 20px;
		border-bottom: 24px solid #3072be; /* ets light blue */
		}

	.home header #logos img,
	.home header #ets-product-logo img{
		height: 35px;
		margin: 5px 0 10px 0;
		}

	.home header #logo-ets,
	.home header #ets-logo {
		position: static;
		}

		/* because of time constrants #audience-links needs to remain #section-navigation
		   and it stays a DIV instead of a NAV
		   this will be corrected at some point in 2015
		   at that point the #section-navigation rules can be removed
		 */
	#audience-links,
	#section-navigation {
		position: static;
		margin-top: -1px; /* cover up the border-bottom on #site-search */
		}
	#audience-links ul,
	#section-navigation ul {
		border-radius: 0;
		background: #32619d; /* menu light blue */
		height: auto !important; /* Set importance to force auto height for iOS. */
		padding: 0 0 0 10px;
		}
	#audience-links ul li,
	#section-navigation ul li {
		float: none;
		width: 220px;
		padding: 5px 10px 5px 0;
		background: #32619d; /* menu light blue */
		background-image: none;
		border-bottom: 1px solid rgba(70, 108, 165, 0.8); /* #466ca5 == rgba(70, 108, 165) == light menu border */
		}
	#audience-links ul li a,
	#section-navigation ul li a {
		font-size: 14px;
		font-weight: normal;
		color: #fff;
		text-transform: none;
		padding: 0 10px;
		}

	#audience-type,
	#audience-header {
		clear: both;
		padding: 0 20px;
		color: #fff;
		background: #3072be; /* ets light blue */
		font-size: 12px;
		line-height: 24px;
		position: static;
		text-align: center;
		min-height: 24px;
		}

	.gre #audience-header {    background-color: #cc6813; }
	.ppa #audience-header {    background-color: #6a8012; }
	.praxis #audience-header { background-color: #6a8012; }
	.toefl #audience-header {  background-color: #ea9111; }
	.toeic #audience-header {  background-color: #06674e; }

	#breadcrumbs {
		display: none;
		}


	#mainImage { /* on secondary brand pages like /criterion */
		margin-top: 87px;
		margin-bottom: 20px;
		}

	#mainImage+#brand-color-bar { /* on secondary brand pages like /criterion */
		top: 69px;
		}

	.secondary-home-main-image { /* global, highered */
		margin-bottom: 0;
		}
	.core-brand-page .secondary-home-main-image { /* or successnavigator */
		margin-bottom: 20px;
		}

	.secondary-home-main-image+#brand-color-bar	{
		display: none;
		}


	.core-brand-page #breadcrumbs {
		display: none !important;
		}

	#band-of-brands {
		padding-left: 5%;
		}

	#band-of-brands ul li {
		 float: none;
		 display: inline-block;
		 padding: 10px;
		 width: 25%;
		 }

	#band-of-brands ul li {
		}

	#band-of-brands ul li img {
		width: initial;
		max-width: initial;
		height: initial;
		max-height: initial;
		}

	#band-of-brands ul li a {
		display: inline;
		border-color: #fff;
		}

	#main-content {
		padding-bottom: 10px; /* per msilver make it "about half" of the desktop width */
		border-left: 4px solid #3072be;
		margin-top: -2px; /* there is a gray line... */
		}

	#page-contents {
		float: none;
		margin-left: 40px; /* this is tied to the #left-nav-trigger padding */
		}

	.secondary-home-image {
		margin-top: -20px; /* undo the top-margin on #page-contents */
		}

	.core-brand-page #main-content {
		margin: 20px 40px 20px 40px;
		border-left: 0;
		background-image: none;
		}


	/* column-box-left, column-box-right */
	[class^="column-box-"] {
		padding: 0 40px 20px 40px;
		float: none;
		width: 100%;
		}

	.container-280 {
		padding: 0 40px 20px 40px;
		float: none;
		border-top: 1px solid rgba(215,215,215,0.5); /* d7d7d7 = 215,215,215 *//* same as h1 */
		clear: both;
		}

	.container-560 {
		padding-right: 20px;
		}

	.container-640 {
		width: 100%;
		}

	.r2014 #center-content.container-760 { /* appears in noleft.css */
		width: 100% !important;
		/* margin-left: -40px; /* undo #page-contents margin ... it works for /es/exadep... */
		}

	.r2014 #center-content.container-560 { /* appears in noleft.css */
		width: 100% !important;
		/* margin-left: -20px; /* undo #page-contents margin ... it works for /es/exadep... */
		}


	.r2014 #main-content.conferences-and-events-listing-corporate {
		margin-top: -25px;
		padding-top: 20px;
		}


	.container-20 {
		display: none;
		}




	.home .subpage-links,
	.home .spotlight {
		width: 90%;
		min-width: 275px;
		margin: 0 20px 20px 20px;
		float: none;
		}

	.home .spotlight {
		border: none;
		}

	.home .spotlight .img {
		float: none;
		margin-bottom: 10px;
		}

	.tabbish > ul.ui-tabs-nav {
		display: none;
		}

	.tabbish .ui-tabs-panel {
		display: block !important;
		border-width: 0 6px 0 0;
		margin-bottom: 20px;
		}

	.tabbish .ui-tabs-panel h2 {
		display: block;
		margin-left: 10px;
		}

	.tabbish .tab-customer h2 { color: #660019; }
	.tabbish .tab-research h2 { color: #03346e; }
	.tabbish .tab-mission h2 { color: #c65200; }

	.tabbish .ui-tabs-panel  div[class^="col"],
	.tabbish .ul-tabs-panel> div[class^="row"] {
		display: block;
		width: auto;
		border: 0;
		}

	.tabbish .ui-tabs-panel .row-border {
		margin-top: 20px;
		}
	.tabbish .ui-tabs-panel .row-border .col-1 {
		min-height: 140px;
		}
	.tabbish .ui-tabs-panel .row-border .col-1 p:first-of-type {
		float: left;
		width: 175px;
		}
	.tabbish .ui-tabs-panel .row-border .col-1 p:nth-child(2n) {
		padding-top: 10px;
		}

	.tabbish [class^="like"] {
		margin-top: 20px;
		}

	.tabbish .btn {
		display: inline-block;
		}

	ul.video-list {
		padding-left: 0;
		}

	ul.video-list li div.desc {
		float: none;
		width: auto;
		}
	ul.video-list li div.desc ul.nobullets {
		margin-left: 0;
		padding-left: 0;
		}

	ul.threecolumns,
	ul.twocolumns {
		-webkit-column-count: auto;
		   -moz-column-count: auto;
				column-count: auto;
		-webkit-column-gap: normal;
		   -moz-column-gap: normal;
				column-gap: normal;
		}

	ul.product-list,
	#main-content ul.product-list {
		margin-left: 0;
		padding-left: 0;
		}

	#main-content ul.product-list li {
		margin-bottom: 20px;
		}

	ul.product-list li div.img,
	ul.product-list li div.desc,
	ul.product-list li div.desc-full {
		float: none;
		width: 100%;
		}

	table.data-table {
		max-width: 100%; /* check a conferences and events page */
		}


	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* left navigation */

		#left-nav-trigger {
			display: block;
			position: absolute;
			top: 108px;
			left: 0;
			border: 2px solid #3072be; /* ets light blue */
			border-left: 0;
			border-radius: 0 8px 8px 0;
			/* padding: 10px 5px 8px 7px; */
			padding: 10px 10px 8px 12px; /* also adjust #page-contents margin-left */
			background: #f2f2f2;
			cursor: pointer;
			-webkit-transition: all 0.3s;
			   -moz-transition: all 0.3s;
				 ms-transition: all 0.3s;
				 -o-transition: all 0.3s;
					transition: all 0.3s;
			}

		#left-nav-trigger.open {
			left: 250px; /* menu width */
			position: fixed;
			}
		#left-nav-trigger.closed {
			left: 0;
			}

		#main-navigation {
			position: fixed;
			top: 92px; /* bottom of the nav bar */
			left: -246px;
			width: 250px; /* menu width */
			height: 100%;
			z-index: 9999;
			/* overflow: hidden; */
			overflow-y: auto;
			overflow-x: hidden;
			-webkit-transition: all 0.3s;
			   -moz-transition: all 0.3s;
				 ms-transition: all 0.3s;
				 -o-transition: all 0.3s;
					transition: all 0.3s;

			background-color: #f2f2f2;
			border-top: 0;
			border-right: 6px solid #3072be; /* ets light blue */
			color: #fff;
			text-transform: none;
			padding-top: 25px;
			opacity: 1;
			margin-top: 0 !important;
			}

		#main-navigation.closed {
			left: -246px;
			}
		#main-navigation.open {
			left: 0;
			padding-left: 20px;
			padding-top: 0;
			}

		#main-navigation .nav-box {
			margin-bottom: 50px;
			}

		#main-navigation .nav-box > ul > li {
			padding-top: 0;
			/* border-bottom: 1px solid #fff; */
			}
		#main-navigation .nav-box > ul > li:last-child {
			border: 0;
			}

		#main-navigation ul a {
			color: #2f2f2f; /* body font color */
			width: 225px;
			}

		#main-navigation ul a {
			width: 140px;
			}
		#main-navigation ul ul a {
			width: 130px;
			}
		#main-navigation ul ul ul a {
			width: 120px;
			}
		#main-navigation ul ul ul a {
			width: 110px;
			}


		.nav-group {}

	/* left navigation */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


	.core-brand-page .core-btn {
		padding: 0 10px;
		}

	.core-brand-page .core-btn a {
		padding: 0 10px;
		text-decoration: underline !important;
		}

	#oo_tab {
		display: none !important;
		}

	#ets-3l {
		position: static;
		margin: 20px 0 0 0;

		}
	#oo-inline {
		display: block;
		}
	#footer > .col {
		float: none;
		width: 100%;
		clear: both;
		border-right: 0;
		padding: 0;
		margin-bottom: 20px;
		}
	#footer > .col:nth-child(4) ul {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		}

	.core-brand-page #stateselect select {
		width: auto;
		}

} 	/* end skinny rules */


@media only screen and (max-width: 450px) {


	#band-of-brands {
		}

	#important-updates .lead {
		display: block;
		width: auto;
		margin-bottom: 20px;
		}
	#important-updates .lead br {
		display: none;
		}
	#important-updates .updates {
		display: block;
		width: auto;
		}

	.tabbish .ui-tabs-panel .row-border .col-1 {
		min-height: 0;
		}
	.tabbish .ui-tabs-panel .row-border .col-1 p:first-of-type {
		float: none;
		}
	.tabbish .ui-tabs-panel .row-border .col-1 p:nth-child(2n) {
		padding-top: 10px;
		}

}


@media only screen and (max-width: 825px) {
	/* there is a break-point after the menus change
	   and we need to get the center + right to become full width
	   */

	#center-content {
		float: none;
		width: auto;
		margin-bottom: 20px;
		margin-right: 20px;
		}

	#center-content .spacer.container-20 {
		display: none;
		}

	#right-content {
		float: none;
		margin-bottom: 20px;
		}


} /* end max-width: 825 */


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* https://github.com/JoshBarr/on-media-query */
    html {
        font-family: 'skinny';
		}

    * html { /* IE6 */
        font-family: 'desktop'
		}

    *+html { /* IE7 */
        font-family: 'desktop'
		}

    @media \0screen {
        html {  /* IE8 */
            font-family: 'desktop'
        }
    }

    /* Reset your font families here!
     ----------------------------------- */
    body {
	/* "myriad-pro-condensed" */
	/* "myriad-pro" */


	font-family: "myriad-pro", arial, helvetica, sans-serif;
		}

    /* Queries for supported browsers.
     ----------------------------------- */
    body:after {
        display: none;
		}

    @media screen and (max-width: 960px) {
        html {
            font-family: 'skinny';
			}
        body:after {
            content: 'skinny';
			}
    }

    @media screen and (min-width: 961px) {
        html {
            font-family: 'desktop';
			}
        body:after {
            content: 'desktop';
			}
    }

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* fin */