* {
	margin: 0;
	padding: 0
}

body {
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size:9pt;*/
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	width: 100%;
	min-width: 1000px;
	font-size: 11px;
	font-style: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.captionTitle1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFCC33;
}

.title1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}


.title2 {
	font-family: Arial,Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 2px;
	background: #f5f5dc;
}

.smallfont {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
}

.titlesmallfont {
	font-family: Arial,Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background: #fff2cd;
}

ul.Emphasize {
	color: Red;
}

caption {
	background-color: #FC9;
	padding: 2px 0;
	border: 1px solid #999;
	font-weight: bold;
}

table.tableStyle1 {
	border: 1px solid #999;
	border-collapse: collapse;
	text-align: left;
}


	table.tableStyle1 td, table.tableStyle1 tr.setHeight td {
		border: 1px solid #999;
		padding: 1px 5px;
		vertical-align: middle;
		text-align: center;
		width: 90px;
	}

	table.tableStyle1 tr.setHeight td {
		height: 30px
	}

	tr.title, table.tableStyle1 tr.title:hover, th.title, td.title {
		background-color: #CC9;
		text-align: center;
		font-weight: bold;
		height: 25px
	}

	table.tableStyle1 tr:hover {
		background-color: #FFC;
	}

tr.odd, th.odd {
	background-color: #F7F6F3;
}

td.alignLeft {
	border: 1px solid #999;
	padding: 1px 5px;
	vertical-align: top;
	text-align: left;
}

.boldContent {
	font-weight: bold;
}

.boldParagraph {
	font-weight: bold;
	font-size: 20px;
}

table.tableStyle2 {
	width: 95%;
	border: solid 1px #789DB3;
	border-collapse: collapse;
	margin: 0 auto
}


	table.tableStyle2 tr.title td, table.tableStyle2 tr.title th {
		background-color: rgb(179, 179, 179);
		border: solid 1px #789DB3;
	}


	table.tableStyle2 td {
		font-size: 10pt;
		vertical-align: middle;
		text-align: center;
		padding: 2px 3px;
		border: solid 1px #FFF;
		font-weight: normal;
	}


	table.tableStyle2 tr {
		background-color: #edeef3;
	}

		table.tableStyle2 tr.special td {
			border-top: solid 2px #000;
		}

		table.tableStyle2 tr:hover {
			background-color: #FFC;
		}

ul#tabNav {
	list-style-type: none;
}

	ul#tabNav li, ul.horizontalList li {
		display: inline;
		padding: 0 5px 0 0;
	}

.white {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

.strong {
	color: Red;
}

.success {
	color: Green;
}

.textContent /*use in respond, logout, terms of services, policy page*/ {
	height: 100%;
	margin: 15px;
}

.noDecor /*use in footer link without underline*/ {
	text-decoration: none;
}

.alignRight {
	text-align: right;
	padding-right: 10px;
}

.padBottom {
	padding-bottom: 10px;
}

.term a /*use in term link button on grades, schedule viewing*/ {
	padding-right: 15px;
}

/* Use in Curriculum Viewing and ManageCourse*/

.folderType {
	padding: 3px 5px;
	border: solid 1px Gray;
	width: 80px;
	margin: 1px 1px;
}

.hidden {
	display: none;
}

.bgColorTaken, .bgColorTaken a {
	color: #483d8b;
}

.bgColorNotYetTaken, .bgColorNotYetTaken a {
	color: #000;
}

.bgColorInCurrentLoad, .bgColorInCurrentLoad a {
	color: #228b22;
}

.bgColorExempted, .bgColorExempted a {
	color: #b8860b;
}

.bgColorCredited, .bgColorCredited a {
	color: #b8860b;
}

.bgColorIncomplete, .bgColorIncomplete a {
	color: #b22222;
}

.bgColorRemaining, .bgColorRemaining a {
	color: #00F
}
/*Blue*/

.box {
	width: 30px;
	height: 10px;
	border: solid 1px Gray;
	background-color: #F4F4F4;
	margin: 2px 2px;
	padding: 1px 3px;
}


#UpdateProgress1 {
	background-color: #CF4342;
	color: White;
	float: left;
	/*top: 0px;
   right: 0px;
   position:fixed;*/
}

	#UpdateProgress1 img {
		vertical-align: middle;
		margin: 2px;
	}

.minHeight {
	line-height: 14px;
}

td.columnStyle1 {
	padding-right: 10px;
	vertical-align: text-top;
	width: 27%;
	text-align: right;
}

td.columnStyle2 {
	width: 41%;
}

td.columnStyle3 {
	vertical-align: text-top;
	padding: 5px;
	width: 35%;
	background-color: #fff2cc;
}

.listContent {
	list-style-type: square;
	margin: 0 0 0 1.2em;
	padding: 0;
}

.titleUnderline {
	width: 100%;
	border-bottom: solid 1px Aqua;
	margin: 0 0 2px 0;
	font-weight: bold;
}

.textCenter {
	text-align: center;
}

.italicContent {
	font-style: italic;
}

.contentHeading {
	color: #F63;
}

ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 0 0; /* set margins as desired */
	border-bottom: 1px solid gray; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 2px 1px 5px; /* THIRD number must change with respect to padding-top (X) below */
}

	ul#tabnav li { /* do not change */
		display: inline;
	}

#tabnav li.highlight { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

	#tabnav li.highlight span {
		/* settings for selected tab link */
		background-color: #023568; /* set selected tab background color as desired */
		color: #FFFFFF; /* set selected tab link color as desired */
		/* Modified by mvlee 2012-06-29 10:39 AM to change color of tabs in MyMapua
    /* settings for selected tab link */
		/* background-color: #fff; */ /* set selected tab background color as desired */
		/* color: #000; */ /* set selected tab link color as desired */

		position: relative;
		top: 1px;
		padding-top: 4px; /* must change with respect to padding (X) above and below */
		font-weight: bold;
		cursor: default;
	}

		#tabnav li.highlight span:hover {
			background: #023568; /* set desired hover color */
			cursor: pointer;
		}

ul#tabnav li span {
	/* settings for all tab links */
	background-color: #FDC83A; /* set unselected tab background color as desired */
	color: #000000; /* set unselected tab link color as desired */
	/* Modified by mvlee 2012-06-29 10:39 AM to change color of tabs in MyMapua
    /* settings for all tab links */
	/* background-color: #cfc; */ /* set unselected tab background color as desired */
	/* color: #666; */ /* set unselected tab link color as desired */

	padding: 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid gray; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
}

ul#tabnav span:hover {
	/* settings for hover effect */
	background: #C5C5C5; /* set desired hover color */
	cursor: pointer;
}
/* end css tabs */

/* Curriculum section*/
#frmCurriculum {
	overflow: auto;
	width: 98%;
}

#curriculumBox, .setBg {
	background-color: #F4F4F4;
	min-height: 400px;
}

#colorLegend {
	float: right;
	margin-top: 10px;
	font-size: smaller;
}

#takenYear {
	float: left;
	margin-top: 10px;
	padding-left: 20px;
}
/* End Curriculum section*/

#tblInsertRowFade td {
	background-color: #234567;
	color: #89abcd;
	padding: 10px;
}

#tblInsertRowFade tr.other td {
	background-color: #89abcd;
	color: #234567;
}

.selectRow {
	cursor: pointer
}
/*use in curriculum and manage section*/

td.left {
	text-align: left
}

.link {
	text-decoration: underline;
	cursor: pointer;
	color: Blue
}

#takenYear span {
	padding: 0 5px;
}


#unitdisplaydiv {
	position: fixed;
	bottom: 120px;
	width: 30px;
	height: 30px;
	right: 10px;
	margin: auto 0;
	text-align: center;
}

.box2 {
	width: 10px;
	height: 10px;
	border: solid 1px Gray;
	background-color: Gray;
}