﻿/* ---------- ASSESSMENTS PAGE ---------- */

#content #Assessment h2 
{
    margin-bottom: 20px;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 7px 3px -5px #E5E5E5;
    -webkit-box-shadow: 0 7px 3px -5px #E5E5E5;
    padding-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
			
#Assessment h3{
			color:#fff;
			font-size:16px;
			padding:0 0 5px;
			border: none;
			}
			
#Assessment p{ line-height: 1.8em; margin-bottom: 10px; }			

#Assessment li{
		display: block;
		padding:5px 0 5px 10px;
		border-bottom:1px solid #BECFE7;
		}
		
		
#Assessment li.list-head {
		border-bottom:none;
		 margin: 0;
		padding: 0;
		width: 100%;
		}
		
#Assessment li.list-head:hover {
		background: inherit;
		}			

#Assessment li.list-head h4{
		font-weight:bold;
		margin: 5px 0;
		padding: 5px 0 5px 10px;
		border-bottom:none;
		background-color: #EBF1F9;
		font-size: 14px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}
		
#list-view ul li.list-head ul #keystone-nav ul li a
{
	margin: 0 0 0 20px;
}					

#Assessment #list-view h3{
	margin-top: 20px;
	padding:5px 0 5px 10px;
	background-color: #89B4EA;
}

#cart {
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	background-color: #eee;
	margin:30px auto 30px;
	padding: 10px;
	width: 94%;
}

#cart p {
	margin: 0;
}

#cart a {
	font-weight:bold;
	padding: 8px 10px 5px;
    text-decoration: underline;
    font-size: 12px;
}

#cart #shoppingCartCount {
	background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    font-size: 15px;
    font-weight: bold;
    margin: 3px;
    padding: 3px 5px;
}

.assessment-search {
			margin:0 auto 0;
			width:880px;
		}
		
.assessment-search .dropdown-toggle{
	width: 500px;
	margin-bottom: 20px;
}          
		
#search .assessment-search .dropdowns select {
	/*width: 200px;*/
	margin-right: 15px;
}

.assessment-search .ass-type h3 {
   padding-top: 10px;
   overflow: auto;
   *height: 100%;
}

.assessment-search .ass-type select {
	padding-bottom: 15px;
}

			 #search .ass-grade select {
				width:170px;
				margin: 0 15px 0 0;
			}
			
			#search .ass-type select{
				width:350px;
				margin-top: 0px;
			}
			
			#search .ass-subject select{
				width:300px;
				margin: 0 15px 0 0;
			}

#advanced-panel {
	width: 840px;
}

#content button 
{
	margin: 30px 0 0 42%;
	display: block !important;
}

/* This is here temporarily. As we move forward with the new framework this will move to the master css doc. This class can be used when two buttons are side by side but need to be centered under an element. */

.bilateral-btns-center 
{
	width: 250px;
	margin: 0 auto;
}

	#content .bilateral-btns-center button
	{
		float:left;
		margin: 0 10px 0 0;
		height: 24px;
		cursor: pointer;
		font-size: inherit;
	}
	
#content button.reset 
{
	background: url("images/review-16.png") no-repeat scroll 0 5px transparent;
	border: 0 none;
	padding-left: 20px;
} 

/* The above elements should be moved into master in the new framework */   

#SearchResultsContainer h3 span 
{
	float: left;
}         

#SearchDiv .Assessment-Result-Header, #SearchResultsContainer .Assessment-Result-Header {
	margin: 10px;
	padding: 5px 5px 5px 10px;
	background-color: #D5E4F7;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	}	

#SearchResultsContainer h3, #SearchDiv h3{
	 background-color: #6C94C9;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	font-size: 15px;
	margin: 10px 0 0;
	min-height: 16px;
	padding: 10px;
	} 
	
#SearchResultsContainer .aligned-standards, #SearchDiv .aligned-standards { background-color: #d9e1eb; padding: 10px; margin: 10px; -webkit-border-radius: 3px; border-radius: 3px;  }    
	
		
	
#SearchDiv .Assessment-Result h4, #SearchResultsContainer .Assessment-Result h4 {
	color: #000;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
	}
	
.Assessment-Result .question {
background-color:#FFFFFF;
margin:0 auto;
padding:15px;
width:93%;
}

.Assessment-Result .answers {
background-color:inherit;
padding:20px;
}

#SearchDiv .Assessment-Result .answers h4 {
background-color:#FFE851;
padding: 0 20px;
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
margin-right: 20px;
line-height: 2.5em;
}

.Assessment-Result .answers div {
background-color: #FFF3A1;
border-radius: 3px;
-webkit-border-radius: 3px;
line-height: 2.5em;
}
	
	.collapse {  background: url("images/btn-expand.png") no-repeat scroll 0 50% transparent; }

.expand {  background: url("images/btn-collapse.png") no-repeat scroll 0 50% transparent; }

.Assessment-Result-Header .Assessment-Result-Passage{
	float: left;
	line-height: 1.8em;
	margin-left: 15px;
	padding: 0 15px;
	cursor: pointer;
	font-weight: bold;
}

.Assessment-Result-Questions {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: url("images/pattern-panel-gray2.gif") repeat-x scroll 0 top #F4F6F9;
	border: 1px solid #C6D2E1;
	font-weight: bold;
	margin: 10px 10px;
	padding: 10px;
}

	 /* We use this markup for both the search results and assessment builder display pages. But it needs to be treated slightly differently */  
	   #assessment-container table .Assessment-Result-Questions {
		background: url("images/pattern-panel-gray2.gif") repeat-x scroll 0 top #fff;
		border: 1px solid #C6D2E1;
		padding: 0;
	}

.Assessment-Result-Questions a.expand, .Assessment-Result-Questions a.collapse{
	line-height: 1.8em;
	padding: 0 20px;
	cursor: pointer;
	font-weight: bold;
	background-position: 0 0;
}	

.Assessment-Result-Questions a.expand div, .Assessment-Result-Questions a.collapse div{
	line-height: 1.8em;
	padding: 0 20px;
	cursor: pointer;
	font-weight: bold;
	background-position: 0 0;
}

#SearchResultsContainer .Assessment-Result .active, #SearchDiv .Assessment-Result .active{
		 background-color:#b7d887;
		}
		
		#SearchDiv .Assessment-Result-Header .active {
			background-color:#b7d887;
		}

		.Assessment-Result-Header input {
		   float: left;
			margin: 2px;
		}
	
/* Assessment "Cart" Page*/

.Assessment-Builder-Div {
	margin-top:30px;
}

#SearchDiv #assessment-container ul{
	list-style: none outside none;
	float: right;
	margin: -33px 0 0;
}  

#SearchDiv #assessment-container ul li{
	margin: 0;
	list-style: none;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline; 
}

#SearchDiv #assessment-container .question ul, #SearchDiv #assessment-container .answers ul, #SearchDiv #assessment-container .question li, #SearchDiv #assessment-container .answers li{
	list-style: none outside none;
	float: none;
	margin: 0;
	display: block;
}

#SearchDiv a.save, #SearchDiv a.word, #SearchDiv a.pdf, #SearchDiv a.print {
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:normal;
	line-height:2em;
	padding:2px;
	text-decoration:none;
	text-indent:-9999px;
	width: 24px;
	display: block;
	border: none;
	margin: 0;
}

#SearchDiv a.save {
	background:url("images/icon-portfolio-save.png") no-repeat scroll 50% 50% #fff;
}

#SearchDiv a.word {
	background:url("images/icon-word.gif") no-repeat scroll 50% 50% #fff;
}

#SearchDiv a.pdf {
	background:url("images/icon-pdf.gif") no-repeat scroll 50% 50% #fff;
}

#SearchDiv a.print {
	background:url("images/printer-icon.png") no-repeat scroll 50% 50% #fff;
}

	#SearchDiv a.save:hover, #SearchDiv a.word:hover, #SearchDiv a.pdf:hover, #SearchDiv a.print:hover {
		background-color:#F3FBFF;
	}

#SearchDiv a.return {
	background: url("images/move-left-16.png") no-repeat scroll 6px center #F3FBFF;
	background-color: #EBF1F9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	padding: 2px 8px 2px 24px;
	text-decoration: none;
	font-size: 11px;
	padding: 3px 8px 3px 28px;
	display: block;
}

   #SearchDiv a.return:hover {
		background-color:#fff;
	}

#SearchDiv .assessment-toolbar {
	-webkit-border-radius:5px;
	border-radius:5px;
	float:right;
	background-color:#fff;
	border-color:#BECFE7;
	border-style:solid;
	border-width:1px;
}

#SearchDiv .assessment-toolbar a {
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 1px;
	padding:3px 5px 3px 23px;
	text-decoration:none;
}

#SearchDiv .assessment-toolbar a.delete {
	background:url("images/delete.gif") no-repeat scroll 4px 7px transparent;
	border-right: 1px solid #BECFE7;
	width: 60px;
}

#SearchDiv .assessment-toolbar a.up {
	background:url("images/move-up-16.png") no-repeat scroll 4px 7px transparent;
	border-right: 1px solid #BECFE7;
	 width: 60px;
}

#SearchDiv .assessment-toolbar a.down {
	background:url("images/move-down-16.png") no-repeat scroll 4px 7px transparent;
	 width: 60px;
}

#SearchDiv .assessment-toolbar a:hover {
	background-color:#EBF1F9;
}

#SearchDiv .toolbar {
	padding:20px 0 0 30px;
}

#SearchDiv .toolbar a {
	cursor:pointer;
	float:left;
	font-weight:normal;
	text-decoration:none;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	background-color:#EBF1F9;
	border: 1px solid #BECFE7;
	display:block;
	font-size:12px;
	margin-right:2px;
	padding:0.35em 1em 0.35em;
}

#SearchDiv .toolbar a.active {
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	font-weight:bold;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#SearchDiv .toolbar a:hover {
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#no-results h3 a, #SearchDiv h3 a, #SearchDiv h3 .pagination span.current, #SearchDiv .pagination h3 a:hover {
font-family:helvetica,Arial,Sans-Serif;
}

.Assessment-Builder-Div table{
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#FFFFFF;
	border: 1px solid #BECFE7;
	margin: -1px auto;
	width: 98%;
}

	
	/* Keeps child and parent elements organized within a box */   
		.Assessment-Builder-Div td{
		-webkit-border-radius:3px;
		border-radius:3px;
		background-color:#F4F6F9;
		border: 1px solid #C6D2E1;
	}
	
	 .Assessment-Builder-Div table table td{
		-webkit-border-radius:0;
		border-radius:0;
		background-color:#fff;
		border:0;
		border-bottom: 1px solid #C6D2E1; 
	}

.Assessment-Result-Questions table{
	 -webkit-border-radius:0px;
	border-radius:0px;
	background-color: #fff;
	border: none;
	margin: 0 auto;
	width: 100%;
	padding: 0;
}
		
		#Assessment #keyword-search #searchTerm {
			height:16px;
			padding:5px 0 5px 5px;
			width:550px;
		}
		
		#AssessmentBuild p{
		   margin: 0;
		}
		
		#AssessmentBuild h3{
			color:#43413E;
		}
		
		#Assessment a, #AssessmentBuild a{
			font-size: 11.5px;
			font-weight: bold;
			margin: 0;
		}
		
		#Assessment .check, #AssessmentBuild .check{
			border-bottom: 1px dotted #ccc;
			padding: 5px;
			text-align: right;
			margin: 0 20px 0 20px;
		}
		
		#Assessment .active{
			background-color: #E8E620;
		}
		
		#SearchResultsContainer .Assessment-Result{
		  background-color: #fff;
		  border: 1px solid #BECFE7;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  font-weight:bold;
		  margin:10px 0;
		  padding:0;
		}
		
		#SearchResultsContainer .Assessment-Result .active{
		 background-color: #FFE536;
		 border-color: #fff;
		}
		
		#SearchResultsContainer .Assessment-Result-Header .active {
			background-color: #FFE536;
			border-color: #fff;
		}

		.selectAll{
			background-color: #eee;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			font-weight:bold;
			margin:5px 0;
			padding:5px 5px 5px 10px;
		
		}
		


/* Collapsable Panels */

.collapse-panel {
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#EBF1F9;
	margin:5px auto 0;
	padding:10px;
}

	.collapse-panel:hover {
	background-color:#CADBF1;
}

	#Assessment .collapse-panel h3 {
		color:#1A436E;
		cursor:pointer;
		font-weight:bold;
		padding:0 0 0 15px;
	}
	
	
.collapse-panel h3.expand {
	background:url(images/btn-expand.gif) no-repeat scroll 0 2px transparent;
}

.collapse-panel h3.collapse {
	background:url(images/btn-collapse.gif) no-repeat scroll 0 2px transparent;
}

.content-panel {
	background-color:#fff;
	padding: 20px;
	margin: 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.collapse-panel h3.expand {
	background:url(images/btn-expand.gif) no-repeat scroll 0 5px transparent;
}

.collapse-panel h3.collapse {
	background:url(images/btn-collapse.gif) no-repeat scroll 0 5px transparent;
}

#Assessment #list-view a {
	font-size: 100%;
}

#assessment-advanced-search{
	margin:10px auto;
	padding:5px 0;
	width:880px;
	clear:both;
}

#assessment-advanced-search #StandardOptions {
	background-color:#F1EBD7;
	border:1px solid #DCD3B6;
	height: 400px;
	overflow:scroll;
}

#assessment-advanced-search #StandardSearchOptions h2{
	border-top:1px dotted #DDDDDD;
	padding: 10px;
	margin-top: 10px;
	position: relative;
}

#assessment-advanced-search p a#ShowAdvancedSearch{
	background: #FFFFFF url(../Content/Images/open-icon.gif) no-repeat scroll 0 0;
	padding:0 5px 20px 20px;
}

#assessment-advanced-search p a#HideAdvancedSearch{
	background: #FFFFFF url(../Content/Images/close-icon.gif) no-repeat scroll 0 0;
	padding:0 5px 20px 20px;
}

#StandardSearchOptions .filter-item{
	padding: 10px;
	border-bottom:1px solid #DCD3B6;
}

#assessment-advanced-search #StandardOptions .filter-item p{
	color:#43413E; 
	display: inline;
}

.filter-item li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}

.filter-item ul {
	line-height:1.75em;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	padding:10px 30px;
}

/* Keystone Styles */

#keystone-nav 
{
	float: left;
	display: block;
	width: 250px;
	margin: 20px 10px 0 0;
}

	#keystone-nav ul
	{
		margin: 0;
	}
	
			#keystone-nav ul li{
				-webkit-border-radius:3px;
				border-radius:3px;
				margin-bottom: 2px;
				background-color: #EBF1F9;
				border-bottom: none;
				padding: 5px 0 5px 20px;
				background: url(../Content/Images/link-arrow.png) no-repeat scroll 0 50% #EBF1F9;
		}
		
			#keystone-nav ul li.active{
				background-color: #89B4EA;
				cursor:pointer;
		}
		
			 #keystone-nav ul li:hover{
					background: url(../Content/Images/link-arrow.png) no-repeat scroll 0 50% #D5E4F7;
			}
	
		#keystone-nav ul li a{
			font-weight: bold;
			font-size: 100%;
			text-decoration: none;
			padding-left: 0;
	}


		#keystone-nav ul li a:hover, #keystone-nav ul li.active a{
			text-decoration: none;
	}
	
	 #keystone-nav ul li a:link{
			outline: none;
	}
	
	#keystone-nav ul li.active a{
			color: #fff;
	}
	
	#keystone-content {
	   float: left;
	   width: 620px;
	   margin-top: 20px;
	   margin-bottom: 20px;
	}
	
		#Assessment #list-view #keystone-content h3
		{
		   margin-top: 0;
		   background-color: #6C94C9;
		   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		   font-size: 15px;
		}


/* Graduation Requirements Styles */
   
	#grad-content p#disclaimer img{
		padding: 0pt 10px; 
		float: left;
		height: 70px;
	}
	
	#grad-content a{
		text-decoration: underline;
		font-size: 100%;
	}
	
	#grad-nav {
		-webkit-border-radius:3px 3px 0 0;
		border-radius:3px 3px 0 0;
		background-color:#EBF1F9;
		border-bottom: none;
		margin: 0 auto 30px;
		padding-top:10px;
	}
	
		#grad-nav ul{
			margin: 0 auto;
			width:850px; 
	}
		
			#grad-nav ul li{
				-webkit-border-radius:3px 3px 0 0;
				border-radius:3px 3px 0 0;
				float: left;
				width:180px;
				margin: 0 5px;
				border:#EBF1F9 1px solid;
				border-right: 1px solid #D2E0F4;
				border-bottom: none;
				height: 30px; 
				padding:10px;
				text-align: center;
		}
		
			#grad-nav ul li.active{
				background-color:#FFFFFF;
				border:#D2E0F4 1px solid;
				cursor:pointer; 
				border-bottom: 1px solid #fff;
		}
		
			 #grad-nav ul li:hover{
					background-color:#fff;
					border:#D2E0F4 1px solid;
					border-bottom: 1px solid #fff;
			}
	
		#grad-nav ul li a{
			font-weight: bold;
			font-size: 100%;
			text-decoration: none;
	}
	
	.grad-events {
	 padding: 10px;
	 -webkit-border-radius: 3px;
	border-radius: 3px;
	background-color:#F0F9FE;
	margin-bottom:20px;
}

/* Graduation News and Announcements */
	
	.grad-news {
		-webkit-border-radius:3px;
		border-radius:3px;
		background-color:#F0F9FE;
		margin:20px 0 0 0;
		padding:10px;
		width: 35%;
	}
	
	.grad-news h3 {
		-webkit-border-radius:3px;
		border-radius:3px;
		background:url("images/icon-grad-talk-32.png") no-repeat scroll 10px 5px #00AEEF;
		font-weight:bold;
		padding:12px 50px !important;
		color: #fff;
	}
	
		.grad-news ul li {
	   -webkit-border-radius:3px;
	   border-radius:3px;
		background-color:#C7EAFC;
		padding:5px;
		margin: 10px;
		padding-left: 5px !important;
		border-bottom: none !important;
		font-size: 11px;
	}

	
	
	.grad-news ul li:hover {
	   background-color:#C7EAFC !important;
	   cursor: inherit !important;
	}
	
		.grad-news ul li p{
	   margin-top: 10px;
	   line-height: 1.7em;
	   font-size: 11px;
	}
	
	.grad-contact {
		-webkit-border-radius:3px;
	   border-radius:3px;
		margin: 20px 0 0 20px;
		width:58%;
		background-color:#F0F9FE;
		padding: 10px;
	}
	
	.grad-contact h3{
	   background:url("images/icon-grad-contact-32.png") no-repeat scroll 0 0 #F0F9FE;
		color:#43413E !important;
		font-size:15px !important;
		padding:8px 10px 5px 35px !important;
	}
	
	#grad-content {}
	
		/*#grad-content p#disclaimer {width: 700px !important;}
		#grad-content #list-view {width: 700px;}*/
	
	#content h2.grad-req-title{
		width: 100%;
		margin:20px 0 20px 0;
	}
	
	    #content #Containernav1 {
		   margin-bottom: 20px;
	    }
	    
	    #content #Containernav1 h2.grad-req-title{
		   border-bottom: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            text-shadow: none;
            margin-bottom: 0;
            font-size: 18px
	    }
	
	
	p.grad-req{
		background-color: #fff !important;
		padding: 15px !important; 
	}
	
	
		#desc p.grad-req a{
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background-color: #89B4EA;
			padding: 2px 8px; 
			color: #fff;
		}
		
		.grad-req-doc {
			background: #FFFFFF url(../Content/Images/grad-req-doc.gif) no-repeat scroll 0 0;
			text-indent: -9999px;
			height: 500px;
			width: 700px;
			margin: 20px auto;
		}
		
			ul.grad-req-list {
			background-color:#fff;
		}
		
			  #Assessment ul.grad-req-list li{
				-webkit-border-radius: 3px;
				border-radius: 3px;
				padding: 10px;
				margin-bottom:5px;
				border-bottom: none !important;
			 } 
			 
			.grad-req-doc li, #Assessment ul.grad-req-doc li:hover{
				border: none !important;
				background: none !important;
				cursor: auto !important;
		}
		

#grad-FAQ {
	margin-top: 50px;
}

#grad-FAQ h2, #grad-FAQ h5 {
	font-size: 15px;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #D2E0F4;
}  

#grad-FAQ .callout {
	padding: 10px;
	background-color: #c7eafc;
	width: 200px;
	float:right;
	-webkit-border-radius:3px;
	border-radius:3px;
} 

	#grad-FAQ .callout h4{
	border: none;
	background: none;
} 

#grad-FAQ .callout-left {
	margin-right: 10px;
	width: 550px;
	float:left;
}  

#grad-FAQ .content-panel ul li:hover {
	margin: 10px;
	padding: 5px 0;
}        
		
		
		
#grad-FAQ h4 {
	font-size: 15px;
	margin: 10px 0;
	border-bottom: 1px solid #D2E0F4;
	padding: 0 0 5px 20px;
	background: transparent url(images/icon-grad-faq-16.png) no-repeat 0 0;
}

	#grad-FAQ .collapse-panel h3 {
		font-size:12px;
	}
	


#grad-FAQ .content-panel ul {
   list-style:disc outside none !important;
   margin: 20px;
}

#grad-FAQ .content-panel ul li{
   border:0 none !important;
   list-style:disc outside none !important;
   margin:10px;
   padding:5px 0;
   display:list-item;
}

#grad-FAQ .content-panel ul li:hover{
   background-color:transparent !important;
   list-style:disc outside none !important;
   margin:10px;
   padding:5px 0;
}

	#grad-FAQ .content-panel ul li.grad-question{
   border:0 none !important;
   list-style:disc outside url(images/bullet-question.png) !important;
   margin:10px;
   padding:5px 0;
}

 #grad-FAQ .content-panel ul span.grad-answer{
   color:#8B005A;
   font-family:arial black;
   margin: 0 0 0 -10px;
}

	#grad-FAQ .content-panel ul p{
   padding: 10px;
}

#grad-FAQ .content-panel p{
  margin-bottom: 20px;
}


/* Implementation Timeline */

.sched-1{
	width: 880px;
	background-color: #00aeef;
	margin-top: 30px;
}

.sched-1 td, .test-schedule-10-col-span , .test-schedule-block-col-span {
	color: #fff !important;
	border: none !important;
	padding: 10px 0 !important;
}

.sched-2{
	border: 1px solid #8b005a;
	width: 880px;
	border-bottom: none;
	border-right:none;
}

	.test-schedule-keystone {background-color: #c7eafc;}
	
	.test-schedule-10-col-span {background-color: #5a698e;}
		
		.test-schedule-10-col {background-color: #c4c6d6;}
		
			.test-schedule-10-cell {background-color: #f0f0f5; font-size: 90%;}
	
	.test-schedule-block-col-span {background-color: #a85282;}
	
		.test-schedule-block-col {background-color: #e2c4d4;}
		
			.test-schedule-block-cell {background-color: #f8f0f4; font-size: 90%;}
	
	.test-schedule-row-title {background-color: #f0f9fe; font-weight: bold;}       
	

#Containernav3 table.sched-3{
	border: 1px solid #8b005a;
	width: 880px;
	border-right:none;
}

#Containernav3 table{
	text-align: center;
	vertical-align: middle;
}    
	
	#Containernav3 table tr td{
		border-right: 1px solid #8b005a;
		border-bottom: 1px solid #8b005a;
		padding: 10px 0;
		color: #134471;
	}
	
/* Implementation Updates and Events */ 

.cal-header {
		background:url("images/icon-grad-calendar-32.png") no-repeat scroll 0 5px transparent;
		padding:10px 10px 10px 40px;
	}

.grad-events {
	 padding: 10px;
	 -webkit-border-radius: 3px;
	border-radius: 3px;
	background-color:#F0F9FE;
	margin-bottom:20px;
}

.grad-events .eventDate {
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url("images/icon-grad-calendar-16.png") no-repeat scroll 10px 10px #00AEEF;
	font-weight:bold;
	padding:10px 30px;
	color: #fff;
}

.grad-events .eventTitle {
	font-size:16px;
	font-weight:bold;
	padding:10px;
}

	.grad-events .eventTitle a{
	text-decoration: underline;
}

.grad-events .eventDescription, .grad-events .eventLocation {
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#C7EAFC;
	margin:0 10px;
	padding:10px;
}

.grad-events .eventAttendance {
	font-size:1em;
	font-style:italic;
	margin:10px 0;
	padding-left:10px;
}

/* Keystone Resources */

 #Assessment li.resources-key-lesson, #Assessment li.resources-key-instcontent, #Assessment li.resources-key-edresources, #Assessment li.resources-key-videos, #Assessment li.resources-key-assessment, #Assessment li.resources-key-webcontent, #Assessment li.resources-key-pde, #Assessment li.resources-key-pde, #Assessment li.resources-key-safeschools
 {
	float:left;
	padding:10px 20px;
	width:160px;
	border-bottom: none;
	}
	
#Assessment .icon-key ul{
		  margin:0 20px 0 20px;
		  line-height: 2em;
		}		  
  
  
#Assessment .highlight 
{
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF3A1;
	display: block;
	margin: 10px 0;
	padding: 5px 10px;
	text-decoration: none;
}

/* Override for the subnav b/c of longer tab titles */

#sec-header ul.subnav li a {
    padding: 7px 9px 8px;
}
		