legend { display:none; }
label { font-weight:inherit!important; }

.tableHeaderFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 2px 4px;
}
.tableRow1Font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF;
}
.tableRow2Font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #F3F3F3;
}

/* bypass some of the gw template styles */
/* gw template defaults to: font-size: 13px; line-height: 20px; */
.bodyFont {
	line-height:16px;
}
.bodyFont td {
	padding:1px 2px;
}

/* basic table with no padding or spacing */
.basicTable { width:100%; border:none;empty-cells:show; border-collapse:collapse; }
.basicTable td, .basicTable th { margin:0px; padding:0px; } 

/* ====================================== */
/* basic alignment and formatting classes */
/* ====================================== */
.alignTop    { vertical-align:top; }
.alignBottom { vertical-align:bottom; }
.alignMiddle { vertical-align:middle; }
.alignCenter { text-align:center; }
.alignLeft   { text-align:left; }
.alignRight  { text-align:right; }

.noWrap { white-space: nowrap; }
.italic { font-style:italic; }



/* ====================================== */
/* LOADING MSG */
/* ====================================== */

#loadingMsgContainer { 
	opacity:0.7; filter: alpha(opacity = 70); 
	z-index:1000; 
	width:100%;height:100%;position:fixed;top:0px;left:0px; 
	background:#ccc no-repeat center center; 
} 
#loadingMsg { text-align:center; position:fixed; top:60%; width:100%; color: #000; font-size:1.2em; } 


/* ====================================================================== */


/* ====================================== */
/* COURSE TABLE LISTING */
/* ====================================== */

.courseListing td { margin:1px; }

.courseListingSetWidths tr>td { width:7%!important; }
.courseListingSetWidths tr>td+td { width:5%!important; }
.courseListingSetWidths tr>td+td+td { width:11%!important; }
.courseListingSetWidths tr>td+td+td+td { width:5%!important; }
.courseListingSetWidths tr>td+td+td+td+td { width:16%!important; }
.courseListingSetWidths tr>td+td+td+td+td+td { width:6%!important; }
.courseListingSetWidths tr>td+td+td+td+td+td+td { width:8%!important; }
.courseListingSetWidths tr>td+td+td+td+td+td+td+td { width:8%!important; }
.courseListingSetWidths tr>td+td+td+td+td+td+td+td+td { width:13%!important; }
.courseListingSetWidths tr>td+td+td+td+td+td+td+td+td+td { width:14%!important; }
.courseListingSetWidths tr>td+td+td+td+td+td+td+td+td+td+td { width:7%!important; }


/* table cell that shows terms and campuses on main page */
td.indextable {
	padding: 10px 10px 20px 20px;
}
/* table that shows course information */
.coursetable td {
	border: 1px solid #006699;
	line-height:default;
}
.coursetable table td { border:none; }


/* ====================================== */
/* COURSE TABLE LISTING, MOBILE VIEW */
/* ====================================== */

@media only screen and (max-width: 568px)  {

	/* reset the course data cells to 100% width */
	.courseListingSetWidths tr>td, 
	.courseListingSetWidths tr>td+td, 
	.courseListingSetWidths tr>td+td+td, 
	.courseListingSetWidths tr>td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td+td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td+td+td+td+td+td, 
	.courseListingSetWidths tr>td+td+td+td+td+td+td+td+td+td+td { 
	    width: 52%!important;
	}

	/* hide header, dividers, and alternating row colors */
	table.courseListingHeader { display:none; }
	hr.courseDivider { display:none; } 
	table.courseListing td { background-color: #f9f9f9; }
	tr.secondaryCoursetable td { background-color: #f3f3DD; }

	/* Force table to not be like tables anymore */
	table.courseListing, table.courseListing thead, table.courseListing tbody, table.courseListing th, table.courseListing td, table.courseListing tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.courseListing thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.courseListing { border: 1px solid #006699; margin-top:20px; margin-bottom:10px; }

	table.courseListing, table.courseListing tr { width:100%!important; }	
	table.courseListing td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #ddd; 
		position: relative;
		padding-left: 45%; 
	}
	
	table.courseListing td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold;
		text-transform: uppercase; text-align:right; line-height:12px; color:#006699;
	}
	
	<!--- table.courseListing:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09); } --->
	<!--- table.courseListing:hover td { background-color: #fff; } --->
	
	/*
	Label the data
	*/
	table.courseListing td:after { content: "\00a0"; }
	table.courseListing tr.crseRow1 td:nth-of-type(1):before { content: "Status"; }
	table.courseListing tr.crseRow1 td:nth-of-type(2):before { content: "CRN"; }
	table.courseListing tr.crseRow1 td:nth-of-type(3):before { content: "Subject"; }
	table.courseListing tr.crseRow1 td:nth-of-type(4):before { content: "Sect"; }
	table.courseListing tr.crseRow1 td:nth-of-type(5):before { content: "Course"; }
	table.courseListing tr.crseRow1 td:nth-of-type(6):before { content: "Credit"; }
	table.courseListing tr.crseRow1 td:nth-of-type(7):before { content: "Instr"; }
	table.courseListing tr.crseRow1 td:nth-of-type(8):before { content: "Bldg/Rm"; }
	table.courseListing tr.crseRow1 td:nth-of-type(9):before { content: "Day/Time"; }
	table.courseListing tr.crseRow1 td:nth-of-type(10):before { content: "From/To"; }
	/* table.courseListing tr.crseRow2 td:nth-of-type(1):before { content: "Notes"; } */
	
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(1):before { content: "Status"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(2):before { content: "CRN"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(3):before { content: "Subject"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(4):before { content: "Sect"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(5):before { content: "Course"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(6):before { content: "Credit"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(7):before { content: "Instr"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(8):before { content: "Bldg/Rm"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(9):before { content: "Day/Time"; }
	table.courseListing tr.secondaryCoursetable.crseRow1 td:nth-of-type(10):before { content: "From/To"; }
}





/* ====================================================================== */

.scheduleTable { width:100%; border:none; empty-cells:show; border-collapse:collapse; background-color:white; }

.courseSearchTableContainer { border:solid 1px #000000; empty-cells:show; border-collapse:collapse; width:100%; }
.courseSearchTableContainer td, .courseSearchTableContainer th { margin:0px; padding:0px; border:none; }

.courseSearchTableContainer td.tableHeaderFont { padding: 4px 8px; }

.courseSearchTable .tableRow1Font.labelCell { font-size:1em!important; font-weight:bold!important; }
.courseSearchTable td { padding: 8px 2px 8px 2px; }
.courseSearchTable td.buttonsCell { padding:20px; text-align:center; }


/* bypass extra padding in gw template */
.tableRow1Font td, .tableRow2Font td {
	padding:1px 2px;
}

a, a:visited, a:link { color:#2972A7; }
a.currentPage { font-size:18px; color:#333333; }

   
.tableRow1FontStrike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #999999;
	color: #333333;
}
.tableRow2FontStrike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #CCCCCC;
	color:#333333;
}
.tableRowDDFont {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFCC33;
}
.tableRowDD1Font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFCC;
}
.supFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #0000FF;
}
.divBorder {
	border: 1px solid #006699;
}
.resultMsg {
	color: #006699;
}



	/* error and alert messages */
	.alertMsg, .errorMsg {
		padding: 6px 10px 6px 50px; margin-top: 10px; margin-bottom: 20px;
	    background-position: left center; background-repeat: no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
	}
	.errorMsg { 
		border-top: solid 2px #ffd324; border-bottom: solid 2px #ffd324; background-color: #fff6bf; 
		background-image: url("/images/icon_error.png"); 
		font-size: 1em; font-weight: normal; color: #333333;
	}
	.alertMsg { 
		border-top: solid 1px #5eb5f2; border-bottom: solid 1px #5eb5f2; background-color: #deeef9;
		background-image: url("/images/icon_info.png"); 
		font-size: 1em;
	}