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: #1A3153;
		
		background-image: url(inline-file.cfm?do=studentportal.schoolBanner);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.main-toolbar
	{
		
			background: transparent;
		
	}
	
	.main-nav>ul li ul::-webkit-scrollbar {
	   -webkit-appearance: none;
	   width: 7px;
	   background: #e1a500;
	   
			background: -webkit-gradient(linear, left top, left bottom, from(#e1a500), to(#e6aa05)); 
			background: -webkit-linear-gradient(top, #e1a500, #e6aa05); 
			background:    -moz-linear-gradient(top, #e1a500, #e6aa05); 
			background:     -ms-linear-gradient(top, #e1a500, #e6aa05); 
			background:      -o-linear-gradient(top, #e1a500, #e6aa05); 
			background:         linear-gradient(top, #e1a500, #e6aa05);
		
	}
	.main-nav>ul li ul::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #000000;
	   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: #071e40; border-bottom-color: #e2a600; 
		background: #ffc30f;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#ffc30f), to(#f5b905)); 
			background: -webkit-linear-gradient(top, #ffc30f, #f5b905); 
			background:    -moz-linear-gradient(top, #ffc30f, #f5b905); 
			background:     -ms-linear-gradient(top, #ffc30f, #f5b905); 
			background:      -o-linear-gradient(top, #ffc30f, #f5b905); 
			background:         linear-gradient(top, #ffc30f, #f5b905);
		
	}
	
	.main-nav>ul li
	{ 
		color: #000000;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #ffcd19; border-right-color: #f0b400;
		text-shadow: 0px 1px 0px #ffd420;
	}
	
	.main-nav>ul>li.active
	{
		background: #e1a500;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#e1a500), to(#ebaf0a)); 
			background: -webkit-linear-gradient(top, #e1a500, #ebaf0a); 
			background:    -moz-linear-gradient(top, #e1a500, #ebaf0a); 
			background:     -ms-linear-gradient(top, #e1a500, #ebaf0a); 
			background:      -o-linear-gradient(top, #e1a500, #ebaf0a); 
			background:         linear-gradient(top, #e1a500, #ebaf0a);
		
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #dca000; border-right-color: #dca000;
		color: #000000;
		text-shadow: 0px 1px 0px #fcc01b;
	}

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

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

	.main-nav>ul li ul 
	{
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-top-color: #d99d00; border-bottom-color: #edb10c; border-left-color: #d99d00; border-right-color: #d99d00;
	}
	
	.main-nav>ul li ul li
	{
		background: #e1a500;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#e1a500), to(#e6aa05)); 
			background: -webkit-linear-gradient(top, #e1a500, #e6aa05); 
			background:    -moz-linear-gradient(top, #e1a500, #e6aa05); 
			background:     -ms-linear-gradient(top, #e1a500, #e6aa05); 
			background:      -o-linear-gradient(top, #e1a500, #e6aa05); 
			background:         linear-gradient(top, #e1a500, #e6aa05);
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #edb10c; border-bottom-color: #d99d00; 
		color: #000000;
		text-shadow: 0px 1px 0px #f9bd18;
	}
	
	.main-nav>ul li ul li a { color: #000000; text-decoration: none; }
	
	.main-nav>ul li ul li.active
	{
		background: #ffc30f;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#ffc30f), to(#ffc814)); 
			background: -webkit-linear-gradient(top, #ffc30f, #ffc814); 
			background:    -moz-linear-gradient(top, #ffc30f, #ffc814); 
			background:     -ms-linear-gradient(top, #ffc30f, #ffc814); 
			background:      -o-linear-gradient(top, #ffc30f, #ffc814); 
			background:         linear-gradient(top, #ffc30f, #ffc814);
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #ffcf1b; border-bottom-color: #d99d00; 
		color: #000000;
		text-shadow: 0px 1px 0px #ffdb27;
	}
	
	.main-nav>ul li ul li.last { border-bottom: none; }
	.main-nav>ul li ul li.active a { color: #000000; }

	.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: #e1a500;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#e1a500), to(#ebaf0a)); 
			background: -webkit-linear-gradient(top, #e1a500, #ebaf0a); 
			background:    -moz-linear-gradient(top, #e1a500, #ebaf0a); 
			background:     -ms-linear-gradient(top, #e1a500, #ebaf0a); 
			background:      -o-linear-gradient(top, #e1a500, #ebaf0a); 
			background:         linear-gradient(top, #e1a500, #ebaf0a);
		
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #dca000; border-right-color: #dca000;
		color: #000000;
		text-shadow: 0px 1px 0px #fcc01b;
	}

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

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

}