/*
.................................................
	Planner
.................................................
*/
#planner-header,
#planner-login,
#content-block .planner-add, 
#content-block .planner-open, 
#content-block .planner-remove,
#content-block .planner-added-highlight,
#content-block .planner-added-message {
		display: none;
	}
/*
.................................................
	HTML Elements
.................................................
*/	
html,
	body {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	form {
		margin: 0;
		padding: 0;
	}
	
	html, 
	body,
	div,
	p,
	table,
	td,
	th,
	input,
	select,
	textarea,
	li {
		color: #000;
		font: 9pt/1.5 Verdana, Arial, Helvetica, sans-serif;
	}
	
	a:link, a:active, a:visited, a:hover {
		color: #000;
	}
	
	h1, h2, h3, h4, h5 {
		position: relative;
		float: none;
		font-weight: bold;
		color: #000;
		margin: 0;
		padding: 0;
		}
		
	h1 {
		font-size: 16pt;
		margin: 0;
		padding: 0;	
		}
	
	h2 {
		font-size: 14pt;
		margin: 0;
		padding: 0.75em 0 0 0;
		}
	
	h3, h3 a {
		font-size: 12pt;
		margin: 0.75em 0 0 0;
		color: #000;
		}
	
	h4 {
		font-size: 10pt;
		}
	
	h5 {
		font-size: 9pt;
		}
	
	p {
		position: relative;
		float: none;
		margin: 0.5em 0 1em 0;
	}

	
	li {
		margin: 0;
		padding: 2px 0 3px 0;	
	}
	
	ul.extra-spacing li, ol.extra-spacing li {
		padding-bottom: 10px;
	}
	
	.no-print {
		display: none;
	}
/*
.................................................
	Jump to content
.................................................
*/	
	#jump-to-content {
		display: none;
	}
/*
.................................................
	Container
.................................................
*/
	#container {
		margin: 0;
		padding: 0;
	}
/*
.................................................
	Header
.................................................
*/
	#header {
		margin: 0;
		padding: 0;
	}
/*
.................................................
	Branding
.................................................
*/
	#branding h1, 
	#branding h1 a,
	#branding h2 {
		font-size: 16pt;
		margin: 0;
		padding: 0;
		color: #000;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#branding h2 {
		font-size: 12pt;
		margin: -0.25em 0 0.75em 0;
		padding: 0;
	}
/*
.................................................
	Header Search Box
.................................................
*/
	#utility-search {
		display: none;
	}
/*
.................................................
	Primary Navigation
.................................................
*/
	#navigation {
		display: none;	
	}
/*
.................................................
	Header Image Panel
.................................................
*/
	#header-img-panel {
		display: none;
	}
/*
.................................................
	Content Sections
.................................................
*/
	#content {
		margin: 0;
		padding: 0;
	}
/*
.................................................
	Content-left and Content-right
.................................................
*/
	#content-panel, 
	#content-extra {
		margin: 0;
		padding: 0;
	}
	/*
	.................................................
		Summary-box used in Content Left
	.................................................
	*/
	 #summary-box {
		margin: 0;
		padding: 0;
	}
	
	 #summary-box h2, 
	 #summary-box h3 {
		margin: 1.5em 0 -0.5em 0;
	}
/*
.................................................
	Footer and Copyright
.................................................
*/
	#footer {
		border-top: 1px solid #666;
		margin: 20px 0 0 0;
		padding: 0.25em 0 0 0;
		font-size: 11px;
	}

	#footer ul {
		display: none;
	}
/*
.................................................
	Paging
.................................................
*/
	dl.paging {
		display: none;
	}
/*
.................................................
	Content-box inside content-panel and content-extra 
.................................................
*/
	#content-panel .content-box,
	#content-extra .content-box{
		color: #000;
	}
	
	#content-panel .content-box img,
	#content-extra .content-box img,
	#content-panel .content-box img.highlight,
	#content-extra .content-box img.highlight {
		display: none;
	}
/*
.................................................
	Content-box inside Content-main 
.................................................
*/
	#content-main .content-box {
		margin: 0;
		padding: 0;
	}
/*
.................................................
	Institution Map 
.................................................
*/
	.institution-map-list {
		position: relative;
		float: left;
		width: 225px;
		margin: 0 10px 0 0;
	}
	
	.institution-map-list h4{
		font-size: 11px;
		font-weight: bold;
		margin: 15px 0 2px 0;
	}
		
	.institution-map-list ul {
		margin: 0px;
		padding: 0px;
		list-style: outside;
	}
	
	 .institution-map-list ul li {
		clear: both;
		list-style: none outside;
		margin: 0;
		padding: 2px 0;
		background: none;
	}
	
	.institution-box {
		height: 13px;
		width: 13px;
		background: #fff;
		border: 1px solid #333;
		float: left;
		padding: 1px;
		text-align: center;
		margin: 0 5px 3px 0;
		font: 9px Arial, Helvetica, sans-serif;
	}
		
	#institution-map-graphic {
		position: relative;
		float: right;
		width: 221px;
	}
/*
.................................................
	bccat-initiatives
.................................................
*/
	ul#from-bccat {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#from-bccat li {
		display: block;
		margin: 0;
		padding: 0;
	}

	ul#from-bccat li.bc-transfer-guide {
		border-left: none;
	}
	
	ul#from-bccat li.bccat {
		border-right: none;
		margin-left: -1px;
	}

	ul#from-bccat li strong a {
		display: block;
		margin: 0 0 -1.5em 0;
		padding: 1em 0 0 0;
		text-decoration: none;
	}	
		
	ul#from-bccat li em {
		display: block;
		margin: 0;
		padding: 0;
		font-style: normal;
	}
/*
.................................................
	datagrid
.................................................
*/	
	#datagrid-wow-results{
		position: relative;
		float: none;
		width: auto;
		border-bottom: 1px solid #fff;
	}	
	
	.datagrid, 
	.datagrid-wow,
	.datagrid-wow-normal {
		position: relative;
		float: none;
		border: none;
		width: auto;
		border-collapse: collapse;
	}
		
	.datagrid-wow,
	.datagrid-wow-normal {
		z-index: 5000;
	}
		
	.datagrid-wow {
		margin: 0 0 0 25px;
		z-index: 3000;
	}
	
	.datagrid-wow-normal{
		width: 100%;
	}
	
	.datagrid th,
	.datagrid td, 
	.datagrid-wow th,
	.datagrid-wow td,
	.datagrid-wow-normal th,
	.datagrid-wow-normal td  {
		border: 1px solid #eee;
		text-align: left;
		vertical-align: top;
	}
		
	.datagrid th,
	.datagrid-wow th,
	.datagrid-wow-normal th {
		background: #F9E0CE;
		border: 1px solid #f9f9f9;
		font-weight: bold;
		text-align: left;
		margin: 0;
		padding: 7px;
		font-size:11px;
	}
	
	.datagrid tr td, 
	.datagrid-wow tr td, 
	.datagrid-wow-normal tr td {
		padding: 2px 5px 2px 5px;
	}
	
	.datagrid tr.row-color-0 td, 
	.datagrid-wow tr.row-color-0  td, 
	.datagrid-wow-normal tr.row-color-0  td {
		background: #F7FBFE;
	}
	
	.datagrid tr.row-color-1 td, 
	.datagrid-wow tr.row-color-1 td, 
	.datagrid-wow-normal tr.row-color-1 td {
		background: #FFF;
	}
		
	.datagrid tr td.no-border, 
	.datagrid-wow tr td.no-border, 
	.datagrid-wow-normal tr td.no-border {
		border: none;
	}
	
	.datagrid tr td.remove-btn, 
	.datagrid-wow tr td.remove-btn, 
	.datagrid-wow-normal tr td.remove-btn {
		border: none;
		font-size: 9px;
	}
	
	.datagrid .group-head, 
	.datagrid-wow .group-head, 
	.datagrid-wow-normal .group-head {
		font-size: 11px;
		font-weight: bold;
	}
	
	.datagrid-wow .wow-program{
		visibility: visible;
		color: #000;
	}
	
	.datagrid-wow .wow-program,
	.datagrid-wow-normal .wow-program, 
	.datagrid-wow .wow-heading, 
	.datagrid-wow-normal .wow-heading{
		height: auto;
		display: table-cell;
		visibility: visible;
	}
		
	.datagrid-wow tr td.wow-category,
	.datagrid-wow-normal tr td.wow-category {
		background: #98CCDC;
		border-right: none;
		border-left: none;
		border-bottom: 1px solid #98CCDC; 
	}
	.datagrid-wow tr td.wow-category {
		border-left: none;
		/*text-indent: -9999em;*/
	}
	
	.datagrid-wow tr td.remove-btn,
	.datagrid-wow-normal tr td.remove-btn {
		display: none;
	}
	/*
	.................................................
		datagrid for Program Details
	.................................................
	*/
	table.datagrid-program-details {
		border: 1px solid #eee;
		border-collapse: collapse;
		width: 100%;
	}
	
	table.datagrid-program-details th,
	table.datagrid-program-details td{
		border: 1px solid #e9f9f9;
		border-collapse: collapse;
		padding: 4px 7px;
		text-align: left;
		vertical-align: top;
	}
	
	table.datagrid-program-details th{
		background: #E4F1F6;
		border: 1px solid #f9f9f9;
		font-weight: bold;
	}
	
	table.datagrid-program-details td {
		background: #F7FBFE;
	}
	/*
	.................................................
		datagrid for Program Search
	.................................................
	*/
	.datagrid-program-paging,
	.program-details-paging {
		position: relative;	
		background: #eee;
		border: none;
		border-top: 1px solid #9e9e9e;
		border-bottom: 1px solid #9e9e9e;
		border-collapse: collapse;
		margin: 15px 0 0;
	}
	
	.datagrid-program-paging,
	.program-details-paging {
		position: relative;	
		background: #fff;
		border: none;
		border-collapse: collapse;
		margin: 15px 0 0;
	}
	
	.datagrid-program-results {
		border-collapse: collapse;
	}
		
	.datagrid-program-results th {
		border: none;
		border-top: 1px solid #9e9e9e;
		border-bottom: 5px solid #9e9e9e;
		width: 540px;
		padding: 5px;
		font-weight: bold;
		text-align: left;
		vertical-align: top;
	}
	
	.datagrid-program-results td {
		text-align: left;
		vertical-align: top;
	}
	
	.datagrid-program-results th h3 {
		position: relative;
		float: left;
		width: 80%;
		padding: 5px 0;
		margin: 0;
		color: #333;
	}
	
	.datagrid-program-results .graduate th h3{
		font-size: 12px;
	}
	
	.datagrid-program-left {
		padding: 1px 5px 20px 5px;
		width: 33%;
	}
	
	.datagrid-program-right {
		padding: 5px 5px 20px 15px;
		width: 66%;
	}
	
	.datagrid-program-results .graduate .datagrid-program-left {
		padding-top: 1px;
	}
	
	.datagrid-program-results .graduate .datagrid-program-right {
		padding-top: 1px;
	}
	/*
	.................................................
		datagrid for Student Outcomes
	.................................................
	*/
	.datagrid-student-outcomes {
		border-collapse: collapse;
		margin: 0;
		padding: 0;
	}

	.datagrid-student-outcomes thead th {
		background: #F7FBFE;
		border-bottom: none;
		text-align: left;
	}

	.datagrid-student-outcomes td, 
	.datagrid-student-outcomes th {
		margin: 0;
		padding: 5px;
		font-size: 11px;
		text-align: left;
	}
	
	.datagrid-student-outcomes th {
		background: #E4F1F6;
		border: 1px solid #f9f9f9;
		padding: 5px;
	}
	
	.datagrid-student-outcomes td {
		border-bottom: 1px solid #f1f1f1;
		text-align: left;
	}
	
	.datagrid-student-outcomes .center {
		text-align: center;
	}
/*
.................................................
	Program Search
.................................................
*/
	#program-advanced-filter {
		background: #eee;
		padding: 0 5px 15px 5px;
		margin: 15px 0 0 0;
		z-index: 1;	
	}
/*
.................................................
	Program Details
.................................................
*/
	#program-details-note{
		margin: 50px 0 0 0;
		padding: 0;
		font-weight: bold;
	}
	
	.remove-program {
		margin: 0;
		font-size: 12px;
		font-weight: normal;
	}
	/*
	.................................................
		Workfutures
	.................................................
	*/
	#program-workfutures-details {
		float: left;
		width: 310px;
		position: relative;
		margin: 0;
		padding: 0;
	}
		
	#program-workfutures-details h3{
		margin: 0 0 20px 0;
		padding: 0;
	}

	#program-workfutures-extra{
		width: 210px;
		float: right;
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	#workfutures-outcomes {
		float: left;
		margin: 35px 0 0 0;
		padding: 0 0 0 35px;
		border-left: 1px solid #e4e4e4;
	}	
	
	#workfutures-linkages {
		float: left;
		margin: 20px 0 0 0;
		padding: 0 0 0 35px;
		border-left: 1px solid #fff;
	}
/*
.................................................
	Misc stuff
.................................................
*/
	
	.clr, .clrBoth{
		clear: both;
	}
	
	.select-hider {
		z-index: 1;
	}
	
	.alert {
		color: #F90;
		font-weight: bold;
	}
 
	.print-invisible {
		display: none;
	}
	
	.elm-not-shown {
		display: none;		
	}
/*
.................................................
	We only want this to show on the screen version of the print mode
.................................................
*/
@media screen, projection { 
	#click-to-print{
		background: #EEEEEE;
		border-top: 1px solid #9E9E9E;
		border-bottom: 1px solid #9E9E9E;
		text-align: right;
		padding: 5px 10px 5px 0;
	}
	
	a:link {
		color: #0B6380;
	}
	
	a:visited {
		color: #BF6116;
	}
	
	a:hover {
		color: #617915;
	}
}

@media print { 
	#click-to-print{
		display: none;
	}
}