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

	div#school-header
	{
		background-color: #6b2d91;
		
		background-image: url(inline-file.cfm?do=studentportal.schoolBanner);
		background-repeat: repeat-x;
		background-position: left top;
	}
	
	.main-toolbar
	{
		
			background: #6b2d91;
			
				background: -webkit-gradient(linear, left top, left bottom, from(#6b2d91), to(#5d1f83)); 
				background: -webkit-linear-gradient(top, #6b2d91, #5d1f83); 
				background:    -moz-linear-gradient(top, #6b2d91, #5d1f83); 
				background:     -ms-linear-gradient(top, #6b2d91, #5d1f83); 
				background:      -o-linear-gradient(top, #6b2d91, #5d1f83); 
				background:         linear-gradient(top, #6b2d91, #5d1f83);
			
	}
	
	.main-nav>ul li ul::-webkit-scrollbar {
	   -webkit-appearance: none;
	   width: 7px;
	   background: #a1a1a1;
	   
			background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#a6a6a6)); 
			background: -webkit-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:    -moz-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:     -ms-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:      -o-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:         linear-gradient(top, #a1a1a1, #a6a6a6);
		
	}
	.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: #581a7e; border-bottom-color: #a2a2a2; 
		background: #bfbfbf;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#b5b5b5)); 
			background: -webkit-linear-gradient(top, #bfbfbf, #b5b5b5); 
			background:    -moz-linear-gradient(top, #bfbfbf, #b5b5b5); 
			background:     -ms-linear-gradient(top, #bfbfbf, #b5b5b5); 
			background:      -o-linear-gradient(top, #bfbfbf, #b5b5b5); 
			background:         linear-gradient(top, #bfbfbf, #b5b5b5);
		
	}
	
	.main-nav>ul li
	{ 
		color: #000000;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #c9c9c9; border-right-color: #b0b0b0;
		text-shadow: 0px 1px 0px #d0d0d0;
	}
	
	.main-nav>ul>li.active
	{
		background: #a1a1a1;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#ababab)); 
			background: -webkit-linear-gradient(top, #a1a1a1, #ababab); 
			background:    -moz-linear-gradient(top, #a1a1a1, #ababab); 
			background:     -ms-linear-gradient(top, #a1a1a1, #ababab); 
			background:      -o-linear-gradient(top, #a1a1a1, #ababab); 
			background:         linear-gradient(top, #a1a1a1, #ababab);
		
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #9c9c9c; border-right-color: #9c9c9c;
		color: #000000;
		text-shadow: 0px 1px 0px #bcbcbc;
	}

	.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: #999; border-bottom-color: #adadad; border-left-color: #999; border-right-color: #999;
	}
	
	.main-nav>ul li ul li
	{
		background: #a1a1a1;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#a6a6a6)); 
			background: -webkit-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:    -moz-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:     -ms-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:      -o-linear-gradient(top, #a1a1a1, #a6a6a6); 
			background:         linear-gradient(top, #a1a1a1, #a6a6a6);
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #adadad; border-bottom-color: #999; 
		color: #000000;
		text-shadow: 0px 1px 0px #b9b9b9;
	}
	
	.main-nav>ul li ul li a { color: #000000; text-decoration: none; }
	
	.main-nav>ul li ul li.active
	{
		background: #bfbfbf;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#c4c4c4)); 
			background: -webkit-linear-gradient(top, #bfbfbf, #c4c4c4); 
			background:    -moz-linear-gradient(top, #bfbfbf, #c4c4c4); 
			background:     -ms-linear-gradient(top, #bfbfbf, #c4c4c4); 
			background:      -o-linear-gradient(top, #bfbfbf, #c4c4c4); 
			background:         linear-gradient(top, #bfbfbf, #c4c4c4);
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #cbcbcb; border-bottom-color: #999; 
		color: #000000;
		text-shadow: 0px 1px 0px #d7d7d7;
	}
	
	.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: #6b2d91; /*1F466F*/ }	
	.dialog-form .ui-dialog-title { color: #FFFFFF; text-shadow: 0px 0px 0px #222222; }

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

	

	/* GADGET CUSTOM */
	
	.gadget-container { border: 1px solid #6b2d91 !important; background-color: #FFFFFF; }
	.gadget-header { text-align: center; color: #FFFFFF !important; background-color: #6b2d91; text-shadow: 0px 0px 0px #222222; }
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header,
	.datepickergadget .datepicker-inline thead tr:first-child th { background: #6b2d91; border-color: #6b2d91; 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: #6b2d91; }
	.slick-header.ui-state-default, .fiber-grid-wrapper { background: #6b2d91; border-color: #6b2d91; }
	.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: -52px -197px; }

	.responsive-ui .main-nav>ul>li
	{
		background: #a1a1a1;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#ababab)); 
			background: -webkit-linear-gradient(top, #a1a1a1, #ababab); 
			background:    -moz-linear-gradient(top, #a1a1a1, #ababab); 
			background:     -ms-linear-gradient(top, #a1a1a1, #ababab); 
			background:      -o-linear-gradient(top, #a1a1a1, #ababab); 
			background:         linear-gradient(top, #a1a1a1, #ababab);
		
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #9c9c9c; border-right-color: #9c9c9c;
		color: #000000;
		text-shadow: 0px 1px 0px #bcbcbc;
	}

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

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

}