div#school-logo
	{
		
			background-color: transparent;
		
		background-image: url(inline-file.cfm?do=studentportal.schoolLogo);
		background-repeat: no-repeat;
		background-position: left top;
	}

	div#school-header
	{
		background-color: #003057;
		
		background-image: url(inline-file.cfm?do=studentportal.schoolBanner);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.main-toolbar
	{
		
			background: #003057;
			
				background: -webkit-gradient(linear, left top, left bottom, from(#003057), to(#002249)); 
				background: -webkit-linear-gradient(top, #003057, #002249); 
				background:    -moz-linear-gradient(top, #003057, #002249); 
				background:     -ms-linear-gradient(top, #003057, #002249); 
				background:      -o-linear-gradient(top, #003057, #002249); 
				background:         linear-gradient(top, #003057, #002249);
			
	}
	
	.main-nav>ul li ul::-webkit-scrollbar {
	   -webkit-appearance: none;
	   width: 7px;
	   background: #004d70;
	   
			background: -webkit-gradient(linear, left top, left bottom, from(#004d70), to(#055275)); 
			background: -webkit-linear-gradient(top, #004d70, #055275); 
			background:    -moz-linear-gradient(top, #004d70, #055275); 
			background:     -ms-linear-gradient(top, #004d70, #055275); 
			background:      -o-linear-gradient(top, #004d70, #055275); 
			background:         linear-gradient(top, #004d70, #055275);
		
	}
	.main-nav>ul li ul::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #ffffff;
	   box-shadow: 0 0 1px rgba(255,255,255,0.5);
	}

	.main-nav>ul 
	{
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-top-color: #001d44; border-bottom-color: #004e71; 
		background: #006b8e;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#006b8e), to(#006184)); 
			background: -webkit-linear-gradient(top, #006b8e, #006184); 
			background:    -moz-linear-gradient(top, #006b8e, #006184); 
			background:     -ms-linear-gradient(top, #006b8e, #006184); 
			background:      -o-linear-gradient(top, #006b8e, #006184); 
			background:         linear-gradient(top, #006b8e, #006184);
		
	}
	
	.main-nav>ul li
	{ 
		color: #ffffff;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #0f7598; border-right-color: #005c7f;
		text-shadow: 0px -1px 0px #005073;
	}
	
	.main-nav>ul>li.active
	{
		background: #004d70;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#004d70), to(#0a577a)); 
			background: -webkit-linear-gradient(top, #004d70, #0a577a); 
			background:    -moz-linear-gradient(top, #004d70, #0a577a); 
			background:     -ms-linear-gradient(top, #004d70, #0a577a); 
			background:      -o-linear-gradient(top, #004d70, #0a577a); 
			background:         linear-gradient(top, #004d70, #0a577a);
		
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #00486b; border-right-color: #00486b;
		color: #ffffff;
		text-shadow: 0px -1px 0px #003c5f;
	}

	.main-nav>ul li a { color: #ffffff; }
	.main-nav>ul li.active a { color: #ffffff; }
	

	.main-nav>ul>li .menu-drilldown-indicator { border-top-color: #ffffff; }
	.main-nav>ul>li.active .menu-drilldown-indicator { border-top-color: #ffffff; }

	.main-nav>ul li ul 
	{
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-top-color: #004568; border-bottom-color: #0c597c; border-left-color: #004568; border-right-color: #004568;
	}
	
	.main-nav>ul li ul li
	{
		background: #004d70;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#004d70), to(#055275)); 
			background: -webkit-linear-gradient(top, #004d70, #055275); 
			background:    -moz-linear-gradient(top, #004d70, #055275); 
			background:     -ms-linear-gradient(top, #004d70, #055275); 
			background:      -o-linear-gradient(top, #004d70, #055275); 
			background:         linear-gradient(top, #004d70, #055275);
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #0c597c; border-bottom-color: #004568; 
		color: #ffffff;
		text-shadow: 0px -1px 0px #00395c;
	}
	
	.main-nav>ul li ul li a { color: #ffffff; text-decoration: none; }
	
	.main-nav>ul li ul li.active
	{
		background: #006b8e;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#006b8e), to(#057093)); 
			background: -webkit-linear-gradient(top, #006b8e, #057093); 
			background:    -moz-linear-gradient(top, #006b8e, #057093); 
			background:     -ms-linear-gradient(top, #006b8e, #057093); 
			background:      -o-linear-gradient(top, #006b8e, #057093); 
			background:         linear-gradient(top, #006b8e, #057093);
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #0c779a; border-bottom-color: #004568; 
		color: #ffffff;
		text-shadow: 0px -1px 0px #00577a;
	}
	
	.main-nav>ul li ul li.last { border-bottom: none; }
	.main-nav>ul li ul li.active a { color: #ffffff; }

	.paper-grid td { color: #2D2D2D; }
	.paper-grid td.primary, .paper-grid td .primary { color: #006699; }
	.paper-grid td a { color: #006699; }
	
	tr.hover:hover td, .hover:hover, .list-item.active { background: #FFFDCD; }
	
	/* DIALOG CUSTOM */
	.dialog-form .ui-dialog-titlebar { background: #1F466F; /*1F466F*/ }	
	.dialog-form .ui-dialog-title { color: #FFFFFF; text-shadow: 0px 0px 0px #222222; }

	.modal-header { 
		background: #1F466F; 
		border-radius: 4px 4px 0 0;
		border-bottom: none;
		color: #FFFFFF; text-shadow: 0px 0px 0px #222222; 
	}

	

	/* GADGET CUSTOM */
	
	.gadget-container { border: 1px solid #1F466F !important; background-color: #FFFFFF; }
	.gadget-header { text-align: center; color: #FFFFFF !important; background-color: #1F466F; text-shadow: 0px 0px 0px #222222; }
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header,
	.datepickergadget .datepicker-inline thead tr:first-child th { background: #1F466F; border-color: #1F466F; color: #FFFFFF; }
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header .btn-next .icon-white, 
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header .btn-prev .icon-white,
	.datepickergadget .datepicker-inline thead tr:first-child th .btn-next .icon-white,
	.datepickergadget .datepicker-inline thead tr:first-child th .btn-prev .icon-white {
		color: #FFFFFF;
	}
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-title { color: #FFFFFF; text-shadow: 0px 0px 0px #222222; }

	/* GRID CUSTOM */
	.fiber-grid-wrapper { padding: 1px; background-color: #000; }
	.fiber-grid, .fiber-grid-wrapper { border-color: #1F466F; }
	.slick-header.ui-state-default, .fiber-grid-wrapper { background: #1F466F; border-color: #1F466F; }
	.slick-header-column.ui-state-default { color: #FFFFFF; 
		border-color: rgba(0,0,0,0.2); 
		text-shadow: 0px 0px 0px #222222; }

	.slick-sort-indicator-asc { border-top-color: #FFFFFF; }
	.slick-sort-indicator-desc { border-bottom-color: #FFFFFF; }

@media (max-width: 768px) {
	
	.responsive-ui .main-nav a.home-nav { background-position: -8px -198px; }

	.responsive-ui .main-nav>ul>li
	{
		background: #004d70;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#004d70), to(#0a577a)); 
			background: -webkit-linear-gradient(top, #004d70, #0a577a); 
			background:    -moz-linear-gradient(top, #004d70, #0a577a); 
			background:     -ms-linear-gradient(top, #004d70, #0a577a); 
			background:      -o-linear-gradient(top, #004d70, #0a577a); 
			background:         linear-gradient(top, #004d70, #0a577a);
		
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #00486b; border-right-color: #00486b;
		color: #ffffff;
		text-shadow: 0px -1px 0px #003c5f;
	}

	.responsive-ui .main-nav>ul li a { color: #ffffff; }

	.responsive-ui.header-148 .main-wrapper-offset > .main-body {
	    padding-top: 34px;
	}

}