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: #262626;
		
		background-image: url(inline-file.cfm?do=studentportal.schoolBanner);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.main-toolbar
	{
		
			background: #262626;
			
				background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#333333)); 
				background: -webkit-linear-gradient(top, #262626, #333333); 
				background:    -moz-linear-gradient(top, #262626, #333333); 
				background:     -ms-linear-gradient(top, #262626, #333333); 
				background:      -o-linear-gradient(top, #262626, #333333); 
				background:         linear-gradient(top, #262626, #333333);
			
	}
	
	.main-nav>ul li ul::-webkit-scrollbar {
	   -webkit-appearance: none;
	   width: 7px;
	   background: #3F403F;
	   
	}
	.main-nav>ul li ul::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #f1f1f1;
	   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: #1f1f1f; border-bottom-color: #CCCCCC; 
		background: #F3F3F3;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E8E8E8)); 
			background: -webkit-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:    -moz-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:     -ms-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:      -o-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:         linear-gradient(top, #F3F3F3, #E8E8E8);
		
	}
	
	.main-nav>ul li
	{ 
		color: #464646;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #f5f5f5; border-right-color: #CCCCCC;
		text-shadow: 0px 1px 0px #fdfdfd;
	}
	
	.main-nav>ul>li.active
	{
		background: #2F2F2F;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#2F2F2F), to(#3F403F)); 
			background: -webkit-linear-gradient(top, #2F2F2F, #3F403F); 
			background:    -moz-linear-gradient(top, #2F2F2F, #3F403F); 
			background:     -ms-linear-gradient(top, #2F2F2F, #3F403F); 
			background:      -o-linear-gradient(top, #2F2F2F, #3F403F); 
			background:         linear-gradient(top, #2F2F2F, #3F403F);
		
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-top-color: #383838; border-left-color: #1f1f1f; border-right-color: #1f1f1f;
		color: #f1f1f1;
		text-shadow: 0px -1px 0px #222222;
	}

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

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

	.main-nav>ul li ul 
	{
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-top-color: #2A2A2A; border-bottom-color: #383838; border-left-color: #2A2A2A; border-right-color: #2A2A2A;
	}
	
	.main-nav>ul li ul li
	{
		background: #3F403F;
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #474747; border-bottom-color: #333333; 
		color: #ffffff;
		text-shadow: 0px 1px 0px #2F302F;
	}
	
	.main-nav>ul li ul li a { color: #ffffff; text-decoration: none; }
	
	.main-nav>ul li ul li.active
	{
		background: #4b4b4b;
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #474747; border-bottom-color: #333333; 
		color: #f1f1f1;
		text-shadow: 0px -1px 0px #222222;
	}
	
	.main-nav>ul li ul li.last { border-bottom: none; }
	.main-nav>ul li ul li.active a { color: #f1f1f1; }

	.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: #2F2F2F;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#2F2F2F), to(#3F403F)); 
			background: -webkit-linear-gradient(top, #2F2F2F, #3F403F); 
			background:    -moz-linear-gradient(top, #2F2F2F, #3F403F); 
			background:     -ms-linear-gradient(top, #2F2F2F, #3F403F); 
			background:      -o-linear-gradient(top, #2F2F2F, #3F403F); 
			background:         linear-gradient(top, #2F2F2F, #3F403F);
		
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-top-color: #383838; border-left-color: #1f1f1f; border-right-color: #1f1f1f;
		color: #f1f1f1;
		text-shadow: 0px -1px 0px #222222;
	}

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

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

}