div.customerProductMappingGridTopLeftEx {
	overflow: hidden;
	width: 335px;
}

div.customerProductMappingGridTopRightEx {
	overflow: hidden;
	width: 405px;
}

div.customerProductMappingGridBottomLeftEx {
	overflow: hidden;
	width: 335px;
}

div.customerProductMappingGridBottomRightEx {
	overflow: scroll;
	width: 425px;
}

div.topLeft1Ex {
	overflow: hidden;
	height: 25x;
	width: 72px;
}

div.topRight1Ex {
	overflow: hidden;
	width: 865px;
	height: 26px;
}

div.bottomLeft1Ex {
	overflow: hidden;
	width: 70px;
	height: 365px;
}

div.bottomRight1Ex {
	overflow: auto;
	width: 865px;
	height: 381px;
}

div.sectionGradingTopLeft {
	overflow: hidden;
	width: 100%;
}

div.sectionGradingTopRight {
	overflow: hidden;
	width: 100%;
}

div.sectionGradingBottomLeft {
	overflow: hidden;
	height: 359px;
	width: 100%;
}

div.sectionGradingBottomRight {
	overflow: scroll;
	width: 100%;
	height: 375px;
}

div.sectionGradingBottomLeftCredit {
	overflow: hidden;
	height: 352px;
}

div.sectionGradingBottomRightCredit {
	overflow: scroll;
	height: 370px;
	width: 100%;
}


div.studentGradingTopLeft {
	overflow: hidden;
	width: 430px;
}

div.studentGradingTopLeft2 {
	width: 520px;
}

div.studentGradingLinksTopLeft {
	overflow: hidden;
	width: 490px;
}

div.studentGradingTopRight {
	overflow: hidden;
	width: calc(100% - 16px);
}

div.studentGradingLinksTopRight {
	overflow: hidden;
	width: 100%;
}

div.studentGradingBottomLeft {
	overflow: hidden;
	width: 430px;
	height: 225px;
}

div.studentGradingBottomLeft2 {
	width: 520px;
	height: 220px;
}

div.studentGradingLinksBottomLeft {
	overflow: hidden;
	width: 490px;
	height: 200px;
}

div.studentTranscriptTopRight {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #b5b5b5;
}

div.studentTranscriptBottomRight {
	overflow: scroll;
	width: 100%;
	height: 328px;
}

div.studentTranscriptTopLeft {
	overflow: hidden;
	border-right: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
}

div.studentTranscriptBottomLeft {
	overflow: hidden;
	height: 312px;
	border-right: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
}


div.studentGradingBottomRight {
	overflow: scroll;
	width: 100%;
	height: 242px;
}

div.studentGradingLinksBottomRight {
	overflow: scroll;
	width: 100%;
	height: 220px;
}

td.highlightedGrading {
	background: #E0E6ED;
}

table.scrollSortTable td.borderLeftGrading {
	border-left-width: 1px;
	border-left-color: #5d5d5d;
	text-align: center;
}

td.borderLeftGrading a.outOfDistrict {
	color: #00f;
	font-weight: normal;
	text-decoration: none;
	text-align: center;

}

td.borderLeftGrading a.outOfSection {
	color: #008000;
	font-weight: normal;
	text-decoration: none;
	text-align: center;

}

table.scrollSortTable td.outOfDistrict {
	height: 15px;
	width: 35px !important;
	border-left-width: 2px;
	border-left-color: #b5b5b5;
	text-align: center;
	color: #00f;
}

table.scrollSortTable td.outOfSection {
	border-left-width: 1px;
	border-left-color: #b5b5b5;
	color: #008000;
}

td.noEditGrading {
	background-color: #DDDDDD;
}

td.borderLeftHeading {
	border-left-width: 3px;
	border-left-color: #b5b5b5;
	text-align: center;

}

table.scrollSortTable td.creditGradingBody {
	height: 15px;
	width: 56px !important;
}

td.likeH1 {
	padding: 1px 0 1px 6px;
	border: 1px solid #808080;
	background: #d9e0e7;
	text-align: left;
	font-weight: bold;
}

td.likeH1BoarderLeftCredit { //
	padding: 1px 0 1px 6px;
	border: 1px solid #808080;
	background: #d9e0e7;
	text-align: left;
	font-weight: bold; //
	width: 35px !important;
	width: 56px !important;
}

td.likeH1BoarderLeft {
	padding: 1px 0 1px 6px;
	border: 1px solid #808080;
	background: #d9e0e7;
	text-align: left;
	font-weight: bold;
	width: 35px !important;
}

a.linkStyle:link {
	color: black;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

a.linkStyle:visited {
	color: black;
	font-weight: normal;
	text-decoration: none;
}

a.linkStyle:hover, a:hover {
	border-bottom: #6b6b6b 1px dotted;
}

a.linkStyleBlue:link {
	color: #5669A9;
	font-weight: bold;
	text-decoration: none;
}

a.linkStyleBlue:visited {
	color: #5669A9;
	font-weight: bold;
	text-decoration: none;
}

a.linkStyleBlue:hover {
	color: #5669A9;
	font-weight: bold;
}

div.topLeft1 {
	overflow: hidden;
	height: 46x;
	width: 72px;
}

div.topRight1 {
	overflow: hidden;
	width: 670px;
	height: 46px;
}

div.bottomLeft1 {
	overflow: hidden;
	width: 70px;
	height: 365px;
}

div.bottomRight1 {
	overflow: auto;
	width: 670px;
	height: 381px;
}

table.scrollSortTable td.dGPAVGridDefault {
	text-align: left;
	height: 25px;
}

table.scrollSortTable td.centerGrading1Left {
	height: 15px;
	width: 70px !important;
}

table.scrollSortTable td.centerGrading1Special {
	height: 15px;
	width: 90px !important;
	border-right: 3px solid #b5b5b5;
	border-left: 3px solid #b5b5b5;
}

table.scrollSortTable td.centerGrading1,table.scrollSortTable td.centerGrading1Right
	{
	height: 15px;
	width: 90px !important;
	border-right: 3px solid #b5b5b5;
}

table.scrollSortTable td.transcriptCenterGrading1Border {
	height: 17px;
	width: 60px !important;
}

table.scrollSortTable td.transcriptCenterGrading1BorderLarge {
	height: 30px;
	min-height: 30px;
}

table.scrollSortTable td.transcriptCenterGrading1BorderTop {
	height: 15px;
	width: 60px !important;
}

table.scrollSortTable td.transcriptCenterGrading1NoBorder {
	height: 17px;
	width: 60px !important;
	overflow: hidden;
}

table.scrollSortTable td.calendarNoBorder {
	width: 120px !important;
	padding: 0 !important;
}

table.scrollSortTable td.calendarNoBorder img {
	height: 20px;
	margin-bottom: -6px;
	border-radius: 3px;
}

table.scrollSortTable td.calendarNoBorder img:hover {
	background-color: lightGrey;
}

table.scrollSortTable td.calendarNoBorder input, table.scrollSortTable #replaceDivInputParam input {
	height: 20px !important;
	width: 80px !important;
	margin-left: 2px !important;
}

table.scrollSortTable td.transcriptCenterGrading1NoBorderLarge {
	height: 30px;
	min-height: 30px;
}

table.scrollSortTable td.transcriptCenterGradingInlineNoBorderLarge {
	height: 30px;
	width: 60px
	min-height: 30px;
	white-space: nowrap;
	overflow: hidden;
}

table.scrollSortTable td.transcriptCenterGrading1NoBorderTop {
	height: 15px;
	width: 60px !important;
}

table.scrollSortTable td.centerGrading1ColLevel1Left {
	text-align: center;
	border-left-width: 3px;
	border-left-color: #b5b5b5;
	border-left-style: solid;
	border-right-width: 3px;
	border-right-color: #b5b5b5;
	border-right-style: solid;
}

table.scrollSortTable td.centerGrading1ColLevel1 {
	text-align: center;
	border-right-width: 3px;
	border-right-color: #b5b5b5;
	border-right-style: solid;
}

table.scrollSortTable td.centerGrading1ColLevel1Right {
	text-align: center;
	border-right-width: 3px;
	border-right-color: #b5b5b5;
	border-right-style: solid;
}

.tblHeaderGrading {
	border: none;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
	/*width:100%;*/
	background: #EDEBE7;
	color: #333;
	padding: 0;
	border-spacing: 0px;
	border-collapse: separate;
}

.tblHeaderGrading td {
	border-bottom: 1px solid #b5b5b5 !important;
	border-left: 1px solid #b5b5b5 !important;
	border-color: #b5b5b5;
	color: #333;
	cursor: pointer;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0 3px;
}

.gridTag td {
	border-right: none;
}

.gridTag td:not([class]) {
	padding: 0;
}

td.defaultGrading,td.highlightedGrading,table.scrollSortTable td.outOfDistrict,table.scrollSortTable td.outOfSection,td.noEditGrading,table.scrollSortTable td.creditGradingHeader,table.scrollSortTable td.creditGradingBody,table.scrollSortTable td.centerGrading1Left,table.scrollSortTable td.centerGrading1Special,table.scrollSortTable td.centerGrading1,table.scrollSortTable td.centerGrading1Right
	{
	text-align: center;
	padding: 0px;
	/* white-space: nowrap; */
}

table.scrollSortTable td.studentNameGrading {
	text-align: left;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 3px;
}

table.scrollSortTable td.likeH1 {
	padding-left: 3px;
}

table.scrollSortTable td.defaultGrading img, table.scrollSortTable td.borderLeftHeading img, table.scrollSortTable td.creditGradingHeader img {
	width: 16px;
}

table.scrollSortTable td.creditGradingHeader {
	height: 25px;
	width: 65px !important;
	min-width: 65px !important;
	min-height: 25px;
}

td.defaultGrading,td.highlightedGrading,td.noEditGrading,td.borderLeftHeading,table.scrollSortTable td.outOfSection,table.scrollSortTable td.borderLeftGrading
{
	height: 15px;
	*width: 35px !important;
	min-height: 15px;
	max-height: 15px;
	text-align: center;
}

font.boldBiggerFontBold {
	font: 12px arial, sans-serif;
	font-weight: bold;
}

font.fontBold {
	font: 9px verdana, geneva, sans-serif;
	font-weight: bold;
}

font.biggerFont {
	font: 12px verdana, geneva, sans-serif;
}

td.gridFiller {
	background: white !important;
	border: none !important;
	border-bottom: none !important;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
}


div.sectionGradingBottomRightCredit::-webkit-scrollbar, div.sectionGradingBottomRight::-webkit-scrollbar, div.studentGradingBottomRight::-webkit-scrollbar, div.studentTranscriptBottomRight::-webkit-scrollbar, div.bottomRight1::-webkit-scrollbar {
    -webkit-appearance: none;
}

div.sectionGradingBottomRightCredit::-webkit-scrollbar:vertical, div.sectionGradingBottomRight::-webkit-scrollbar:vertical, div.studentGradingBottomRight::-webkit-scrollbar:vertical, div.studentTranscriptBottomRight::-webkit-scrollbar:vertical, div.bottomRight1::-webkit-scrollbar:vertical {
    width: 16px;
}

div.sectionGradingBottomRightCredit::-webkit-scrollbar:horizontal, div.sectionGradingBottomRight::-webkit-scrollbar:horizontal, div.studentGradingBottomRight::-webkit-scrollbar:horizontal, div.studentTranscriptBottomRight::-webkit-scrollbar:horizontal, div.bottomRight1::-webkit-scrollbar:horizontal {
    height: 16px;
}

div.sectionGradingBottomRightCredit::-webkit-scrollbar-thumb, div.sectionGradingBottomRight::-webkit-scrollbar-thumb, div.studentGradingBottomRight::-webkit-scrollbar-thumb, div.studentTranscriptBottomRight::-webkit-scrollbar-thumb, div.bottomRight1::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: #cccccc;
}

table.tblHeaderGrading tr>td:first-child {
	border-left: none !important;
}

table.tblHeaderGrading tr>td:last-child:not(.gridFiller) {
	border-right: 1px solid #b5b5b5 !important;
}

div.panelContainer.gradingContainer table.gridTag {
	border: 1px solid #d3d3d3;
}