/* CalTAC.site-colors.css */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* warning for older IE versions in compatibilty mode */

#ie-warn {
	display: none;
	}

.lt-ie8 #ie-warn {
	display: block;
	text-align: center;
	font-family: sans-serif;
	color: #fff;
	background: #003082; /* heading color */
	font-size: 14px;
	line-height: 20px;
	height: 25px;
	font-weight: normal;
	text-transform: none;
	}


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* site colors */

/* header */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* site search */
	/* provide highlighting for the search results; dhj; al */
	.description .highlight {
		   display: inline-block;
		   background: #ff9;
		   padding: 0 2px;
		   border-radius: 5px;
		   }

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* site nav */
	
		.ets-tac #wrap-nav-site {
			background-color: #206051; /* California TAC grey *//* nav bar background color */
			}
	
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* menu link */
					
		#link-nav-menu {
			color: #FFF; /* top level link color */
			background: #0F402E; /* top-nav rollover color */
			border: 1px solid #0F402E; /* top-nav rollover color */
			}
		
		/* menu link */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
	/* site nav */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* top level nav */

		.top-level-nav {
			color: #fff; /* default nav text color */
			border-radius: 5px 5px 0 0;
			}

		/* the current channel get a different styling */
			li.channel .top-level-nav {
				background: #fff;
				}
			#nav-site ul li.channel a.top-level-nav {
				color: #555352;
				}
			#nav-site ul li.open a.top-level-nav {
				color: #fff;
				}

		li.open .top-level-nav { /* <- keeps the tab hover state on as the dropdown gets explored */
			background: #0F402E; /* top-nav rollover color */
			border: 1px solid #0F402E; /* top-nav rollover color */
			}
			
	/* top level nav */		
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* brand links */
	
	#link-banner-menu {
			border: 1px solid #003082;
			background: #003082;
			color: #fff;
			}
	
		.mega-menu {
			background: #CEDED8; /* menu background color */
			border: 1px solid #0F402E; /* menu border color */
			}
		
		#nav-site ul .mega-menu a {
			color: #373737; /* subnav font color */
			background: inherity; /* menu background color */
			}
	
	/* brand links */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */	
			
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* tweaks on body.home pages */

		/* Home class removed for template structuring. */
		#audience-links {
			background: #fff;
			}

		#audience-type p {
			color: #003082;
			}
			
	/* tweaks on body.home pages */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- STARTE: New Banner styles for Job No. 28980 -- */
	
	ul.buckets li a {
		border:1px solid #a4b357;
		background: #9cbf6d;
		}
		
	ul.buckets li a:hover {
		background: #c8dc9e;			
		}
			
	ul.buckets li a.inactive {
		border-color:#dbdbdb;
		background: rgb(254,254,254); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(219,219,219,1) 54%, rgba(226,226,226,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(54%,rgba(219,219,219,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 54%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 54%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 54%,rgba(226,226,226,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(219,219,219,1) 54%,rgba(226,226,226,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */	
		}
		
	/* -- END: New Banner styles. --*/
	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* body content */
		
		h1, h2, h2 a {
			color: #206051 !important; /* heading color */
			}
			
		h3 {
			color:#2e2e77;
			}
		
		h4,  h5, h6 {
			color: #555352 !important; /* heading color */
			}
		
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* tables */

		table.tac-table {
			}

		table th,
		table td {
			border: 1px solid #999;
			}
		
		table.tac-table th,
		table.tac-table td {
			border:1px solid #febb34;
			}

		table th {
			background: #d1edf6;
			/* background: #f0d8a8; */
			}

		table tr.subhead th {
			background: #fcf5eb;
			}

		table tbody tr.odd td{
			}
		table tbody tr.even td {
			background: #f2f2f2;
			}

		/* tables */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* body content */	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */	
	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* important updates */

		.important-update {
			background: #fdefbd;
			}
			
		.important-update p.like-h1 {
			color: #003082;
			}
			
	/* important updates */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* eGain Blurb:Feature */
	
		div.caasp-chat {
			border: 1px solid #999;
			background-color: #dfdfdf;		
			background-image: url(../img/chat_gradient.jpg);
			background-repeat: repeat-x;
			}
		
	/* eGain Blurb:Feature */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* blurbs */

		div.blurb {
			background: #fff;
			}
			
		div.blurb p.like-h1 {
			color: #003082;
			}
			
		div.blurb.border {
			border: 1px solid #999;
			}
		
		div.blurb.shading {
			background: #f2f2f2;
			}
		
		div.hr {
			border-top: 1px solid #999;
			}
		
		div.blurb.blue {
			background-color: #003082;
			background-image: url(../img/button-blue-dark_500x100.png);
			}
		div.blurb.blue a .text-u {
			color: #fff !important;
			}
		div.blurb.blue span.icon-caret-right {
			color: #fff;
			}
			
		div.blurb.orange {
			border-color: #db7e06;
			background-color: #db7e06;
			}
		div.blurb.orange:hover {
			background-color: #aa5907;
			}
		div.blurb.orange a .text-u {
			color: #fff !important;
			}
		div.blurb.orange span.icon-caret-right {
			color: #fff;
			}
			
		div.blurb.caaspp {
			border:1px solid #a4b357;
			background: rgb(252,255,216); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(252,255,216,1) 0%, rgba(156,191,109,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,216,1)), color-stop(100%,rgba(156,191,109,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(252,255,216,1) 0%,rgba(156,191,109,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(252,255,216,1) 0%,rgba(156,191,109,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(252,255,216,1) 0%,rgba(156,191,109,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(252,255,216,1) 0%,rgba(156,191,109,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffd8', endColorstr='#9cbf6d',GradientType=0 ); /* IE6-9 */
			}
			
	/* blurbs */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* forms */

		#main button {
			color: #fff;
			background-color: #003082;
			border: 1px solid #999;
			}
		#main button:hover {
			background-color: #3072be;
			}
		#main button:disabled {
			color: #999;
			}
		
		.placeholder {
			color: #aaa;
			}
			
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* make select (in the right column) */

		.wrapper-select {
			background: #fff;
			}
			
		.select-trigger .icon {
			color: #003082;
			}
			
		.wrapper-uls {
			background: #fff;
			border: 1px solid #999; /* same as blurb */
			}
			
		p.line {
			border-top: 1px solid #999;
			}
			
		.wrapper-uls li a {
			border-bottom: 1px solid #ccc; /* per marc */
			}
			
		.wrapper-uls li a:hover,
		.wrapper-uls li a:focus {
			background: #3072be;
			color: #fff !important;
			}

	/* make select (in the right column) */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* footer */

		footer	{
			background: #f2f2f2;
			border-top: 1px solid #c5c5c5; /* hiset color */
			color: #555352;
			}

		footer a {
			color: #555352;
			}

		footer p.like-h1 {
			color: #555352;
			}
			
		div#corp-links ul li {
			color:#666;
			}
			
		div#corp-links ul li a {
			border-right:1px solid #666;
			color:#666;
			}
		
		div#cya {
			color:#666;
			}

	/* footer */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
	

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* search navigation bar */
	/* dhj; 2016-08-01 */
	/* http://search-new.ets.org/caaspp/query.html?col=caaspp&qt=+test&charset=utf-8 */
	
	form.seek {
		margin-bottom: 3em;
		}
	
	form.seek input[type="submit"] {
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		height: 2.25em;
		padding: 5px 20px;
		border-radius: 4px;
		cursor: pointer;
		color: #fff;
		background-color: #003082;
		border: 1px solid #999;
		}
	form.seek input[type="submit"]:hover,
	form.seek input[type="submit"]:focus {
		background-color: #3072be;
		}
	
	#seek-search {
		box-sizing: border-box;
		display: inline-block;
		padding: .25em 0.375em;
		margin-right: 5px;
		font-size: 1em;
		width: calc(100% - 200px);
		height: 2.25em;
		line-height: 1.25em;
		vertical-align: middle;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;			
		background-color: #ffffff;
		border: 1px solid #cccccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
			 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
				transition: border linear 0.2s, box-shadow linear 0.2s;
		}
	#seek-search:focus {
		border-color: rgba(0, 48, 130, 0.8);
		outline: 0;
		outline: thin dotted \9;
		/* IE6-9 */

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 48, 130, 0.6);
		   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 48, 130, 0.6);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(80, 48, 130, 0.6);

		}



		
	
	.search-results li p.title,
	.search-results li p.description {
		margin-bottom: 0;
		}
	
	.highlight {
		display: inline-block;
		padding: 0 0.2em;
		/* background-color: #ff9; */
		border:4px solid rgb(219, 233, 190); 
		background-color: rgb(219, 233, 190);
		}
	
	.navbar {
		margin: 2em 0;
		padding: 10px 20px;
		text-align: center;
		position: relative;
		background-color: #e1dada;
		}

	.navbar p {
		margin: 0;
		line-height: 1;
		}              

	.navbar .result-prev {
		/* display: inline-block; */
		float: left;
		}

	.navbar .result-next {
		/* display: inline-block; */
		float: right;
		}
	/* search navigation bar */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	
	
	
	
/* site colors */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */



/* //////////////////////////// */
/* //// MODERNIZED MOCK-UP //// */
/* //////////////////////////// */


body {
	font-family: 'Open Sans', helvetica, sans-serif;
	background-color: #ebeaea;
	background-image: none;
	background-repeat: repeat-y;
	background-position: 50% 0;
}

div.graydottedbar {
	clear: both;
	height: 1px;
	background-image: none;
}

div#wrap-1 {
	background-color: white;
}

#wrap-1 {
	max-width: 1100px;
	margin: 0 auto;
}

header .new-h1 {
	margin-top: 27px;
	margin-bottom: -2px;
}

div.caasp-chat {
	padding: 16px;
	margin-bottom: 1em;
	border-radius: 5px;
}

div.caasp-chat p {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 0;
}

#chat-available p.heading3 {
	font-size: 16px;
	color: #003082;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.alert {
    border: 0;
    border-radius: 4px;
	padding: 15px 20px 5px 20px;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 16px 0;
    box-shadow: none;
    background-color: #e9e9e9;
}

ul.buckets {
	clear: both;
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 3px;
	margin: -16px 0 0;
	font-size: 14px;
	text-align: center;
}

ul.buckets li a {
	border: 4px solid #b4d589;
	background: #b4d589;
	border-radius: 5px;
}

div.blurb.caaspp {
	border: 1px solid #a4b357;
	background: none;
	background-color: #e7f1d9;
}

div.caasp-chat {
	background-color: #f1f1f1;
	background-image: none;
}

div.three-col-pract-grid p.text-below {
	margin: 0px 30px;
	padding-top: 26px;
}

ul.nantuckets li {
	position: relative;
	width: 160px;
	height: 220px;
	display: inline-block;
	/* margin: 8px 12px; */
	color: #ffffff;
	/* background-color: #04384e; */
	text-align: center;
	vertical-align: top;
	border-radius: 10px;
	margin: 0 auto;
}

#ta-interim-buckets-li {
	width: 215px;
	text-align: center;
}

/* enhance for larger form factor display */
@media only screen and (min-width: 751px) {
	
	h1 {
		font-size: 26px;
	}
	
	h2, p.like-h2 {
		font-size: 24px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	div.blurb p.like-h1 {
		line-height: 1.3;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	.cc .blurb {
		font-size: 16px;
		padding-left: 0;
		padding-top: 0;
	}
	
	div.blurb {
		padding: 15px;
		margin: 0 0 25px 0;
		font-size: 15px;
	}
	
	.alert {
		border: 0;
		border-radius: 4px;
		padding: 15px 20px 5px 20px;
		font-size: 16px;
		line-height: 1.4;
		margin: 25px 25px 10px 25px;
		box-shadow: none;
		background-color: #e9e9e9;
	}
	
	#audience-links {
		float: right;
		margin-top: 5px;
		font-size: 15px;
	}
	
	ul.buckets {
		margin: 20px 0 0;
	}

	ul.buckets li {
		list-style: none;
		display: inline-block;
		width: 22%;
		margin: 0px;
		margin-bottom: -5px;
		min-height: 53px;
		padding: 1px 1px 1px 10px;
		line-height: 16px;
		vertical-align: top;
	}

	.text-alert {
		color: #C00000 !important;
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 20px;
	}
	
	header {
		border-top: 10px solid #ffffff;
		padding: 2px 25px 0 25px;
		background-image: none;
		background-repeat: repeat-x;
		background-position: 0 0;
	}
	
	#search input {
		vertical-align: top;
		height: 26px;
		margin: 0;
		padding: 0 5px;
		width: 220px;
		font-size: 16px;
		border-radius: 7px;
		border: 1px solid #959393;
	}
	
	#search {
		float: right;
		margin: -6px 0 2px 0;
	}
	
	#nav-site-a11y {
		display: block;
		font-size: 14px;
	}

	#nav-site-a11y [role="menubar"] > li.channel a,
	#nav-site-a11y [role="menubar"] > li.channel a:hover,
	#nav-site-a11y [role="menubar"] > li.channel a:focus {
		color: #373737; /* color: caaspp menu anchor */
		background-color: #fff; /* color: white */
		border-top: 0;
		border-bottom: 2px solid white;
	}

} /* end enhance for larger form factor display */