/* STELLAR GLOBAL TABLE STYLES ============== */
/* Globals for tables ============== */
table { empty-cells: show; }
table.dataTable, table.gradeTable, #imageList, table.calendarTable { width: 98%; }

/* Gradebook tables ============== */
table.gradeTable
{
	border: 1px solid #bbb;
	background: #fff;
	min-width: 500px;
	margin-bottom: 0.5em;
}

table.gradeTable tbody td img
{
	border: none;
	position: relative;
	left: 25%;
}
.newGradebook table.gradeTable tbody td img 
{
	position: static !important;
	padding-left: .5em !important;
}

.newGradebook table.gradeTable tbody td label strong 
{
	margin-right: 0 !important;
}

table.gradeTable tbody td .approvalWidget
{
	text-align: center;
}
.newGradebook table.gradeTable tbody td .gradeLogShow
{
	text-align: center !important;
}
table.gradeTable tbody td .approvalWidget img {
	position: inherit;
}

thead, tfoot { background: #fff; }

caption, th
{
	text-align: left;
	padding: 5px;
}

caption
{
	font-size: 120%;
	font-weight: 800;
	background: #aaa;
	color: #fff;
	margin: 5px 0 0 0;
}

caption img
{
	vertical-align: text-bottom;
	border: none;
}

th, td { font-size: 95% !important; }

tbody td, tbody th
{
	background: transparent;
	border-bottom: 1px dotted #ddd;
	padding: 2px 5px;
}

tbody th.removed
{
	color: #666;
	font-weight: normal;
	padding: 5px;
}

td.priorityOne { background: #f2f2f2; }
.dataTable td.priorityOne { font-weight: 800; }
td.priorityThree { color: #777; }
tbody tr.roweven { background: #fff; }
tbody tr.rowodd { background: #f9f9f9; }
/*.gradeTable tbody tr:hover, .gradeTable tbody tr.rowodd:hover, 
  .gradeTable>tbody>tr:hover>td, .gradeTable>tbody>tr:hover>th {background: #EAFFB6 !important;}*/

#content .gradeTable caption a, tbody th.removed a
{
	display: inline !important;
	margin: 0 5px;
	border: none;
	color: #eee;
}


.gradeTable input[readonly] {
  background: transparent !important;
}

.letterGradeTable .gradeInput, input.letterGrade {
    text-transform: uppercase;
}

/* sortable table elements ============== */
th.sortcol
{
	cursor: pointer;
	background: #dadada url("/stellar/f/shared/2.2.1/img/unsorted.png") 4px 4px no-repeat;
	white-space: nowrap;
	text-align: left;
	text-indent: 16px;
}

th.sortasc { background: #ddffac url("/stellar/f/shared/2.2.1/img/sortedA.png") 2px 2px no-repeat; }
th.sortdesc { background: #B9DDFF url("/stellar/f/shared/2.2.1/img/sortedZ.png") 2px 2px no-repeat; }
th.sortcol:hover { background-color: #ddffac; }

thead th, th.nosort, th.nosort:hover
{
	background: #dadada;
	cursor: default;
	color: #444;
	text-indent: 0;
}

/* Datatables Gradebook tables */
.dataTables_caption {
	background: rgb(170, 170, 170);
	color: white;
	font-size: 120%;
	font-weight: 800;
	padding: .5em .75em;
	margin-left: -1px;
	margin-right: -1px;
	text-align: left;
}

.dataTables_wrapper tr.approved td.gradeData input { 
	color: #248722; 
}
.dataTables_wrapper tr.approved td.gradeData .approve,
.dataTables_wrapper tr td.gradeData .unapprove,
.dataTables_wrapper tr td.approveColumn img {
	display: none !important;
}
.dataTables_wrapper tr td.gradeData .approve,
.dataTables_wrapper tr.approved td.gradeData .unapprove,
.dataTables_wrapper tr.approved td.approveColumn img {
	display: inline !important;
}
.dataTables_wrapper tr td .gradeLogs,
.dataTables_wrapper tr td .makeupGrade {
	display: none !important;
}
.dataTables_wrapper tr.gradeLogShow td .gradeLogs,
.dataTables_wrapper tr.makeupGradeShow td .makeupGrade {
	display: block !important;
}
.dataTables_wrapper tr td.gradeData .approve {
	color: green !important;
}
.dataTables_wrapper tr td.gradeData .unapprove {
	color: red !important;
}
.dataTables_wrapper tr.noGrade td.gradeData .approve {
	color: gray !important;
}
.dataTables_wrapper tr.noGrade td.gradeData .approve:hover {
	cursor: default;
}
.dataTables_wrapper td.name a { 
	display: block;
	white-space: nowrap; 
	font-weight: bold; 
	min-width: 17em;
}

.dataTables_wrapper th.sorting, 
.dataTables_wrapper th.sorting_asc, 
.dataTables_wrapper th.sorting_desc {
	cursor: pointer;
	white-space: nowrap;
	text-align: left;
	padding-left: 20px;
}
.dataTables_wrapper th.sorting { 
	background: #dadada url("/stellar/f/shared/2.2.1/img/unsorted.png") 4px 4px no-repeat; 
}
.dataTables_wrapper th.sorting_asc { 
	background: #ddffac url("/stellar/f/shared/2.2.1/img/sortedA.png") 2px 2px no-repeat; 
}
.dataTables_wrapper th.sorting_desc { 
	background: #B9DDFF url("/stellar/f/shared/2.2.1/img/sortedZ.png") 2px 2px no-repeat; 
}
.dataTables_wrapper th.sorting:hover { 
	background-color: #ddffac; 
}
.dataTables_wrapper tbody tr.odd td { background: #fff; }
.dataTables_wrapper tbody tr.even td { background: #f4f4f4; }
.dataTables_wrapper tbody tr.odd td.priorityOne { background: #f6f6f6; }
.dataTables_wrapper tbody tr.even td.priorityOne { background: #f0f0f0; }
.dataTables_wrapper tbody tr.gradeChanged td.gradeData input { background: yellow; }
.dataTables_wrapper tbody tr.approvalChanged td.approveColumn { background: yellow; }
.dataTables_wrapper tr.selected td, 
.dataTables_wrapper tr.selected td.priorityOne { 
	background-color: rgb(250, 255, 226); 
}
.dataTables_wrapper .horizontalScrollBox { 
	border: 1px solid #bbb;
	width: 100%; 
	overflow: scroll;
	overflow-y: hidden;
	margin-left: -1px;
	padding-bottom: 10px;
	position: relative;
	top: 0px;
	left: 0px;
}
.dataTables_wrapper table {
	width: 100%;
}
.dataTables_wrapper .rosterTable { 
	border: none;
}
.dataTables_wrapper .columnHeaders {
	position: absolute; 
	top: 1px; 
	left: 0px; 
	min-width: inherit; 
	width: 1px; 
	border: none;
	border-right: 1px solid #bbb;
	z-index: 70;
}
	
.dataTables_wrapper .headerWrapper {
	position: relative;
	left: 0px;
	top: 0px;
}
.dataTables_wrapper { 
	width: 99%;
}
.dataTables_filter { 
	float: right; 
	padding: 0 .5em; 
	line-height: 1.75em; 
	height: 1.75em; 
	font-weight: bold;
}
.dataTables_filter input {
	background-color: rgb(250, 255, 226);
}
.dataTables_paginate, 
.dataTables_length, 
.dataTables_info { 
	float: left; 
	padding: .25em .75em .25em 0em; 
	line-height: 1.75em;
	height: 1.75em; 
} 
.dataTables_length select {
	margin-right: 2px;
	width: auto !important;
}
.dataTables_wrapper .paginate_page_count {
	border: 1px solid rgb(187, 187, 187);
	width: 4em;
	text-align: center;
	font-size: 100% !important;
}
.dataTables_wrapper .paginate_button { 
	padding: 0 .25em;
	vertical-align: text-bottom; 
	cursor: pointer; }

.dataTables_wrapper .paginate_button.previous { padding-right: .5em; }
.dataTables_wrapper .paginate_button.next { padding-left: .5em; }

.dataTables_wrapper .pagerHeader, 
.dataTables_wrapper .pagerFooter { 
	overflow: hidden; 
	width: 100%; 
	min-width: 700px;
	padding: .5em 0;
}

/* Tablesorter gradebook tables */
.newGradebook .gradeTable tbody td, 
.newGradebook .gradeTable tbody th 
{ 
	padding: 4px 5px !important; 
}

.gradeTable tbody td.gradeData { text-align: center; }
.newGradebook .gradeTable tbody td.gradeData { text-align: left !important; }

.gradeTable tbody td.rosterGradeData { text-align: right;}
.newGradebook .gradeTable tbody td.rosterGradeData, 
.newGradebook .gradeTable tbody td.r 
{ 
	text-align: right !important; 
	padding-right: 1em !important; 
}

.tablePagerHilight {
	background-color: rgb(250, 255, 226) !important;
}
.gradesPager td {
	min-width: 680px;
	padding: 5px;
}
.gradesPager span {
	margin-left: .5em;
}
.newGradebook .gradesPager span {
	margin-left: 1.5em;
}
.gradesPager .prev + span {
	margin-left: 0;
}
.newGradebook .gradesPager .prev + span {
	margin-left: inherit !important;
}
.gradesPager img {
	cursor: pointer;
	padding: 0px 2px;
	margin: 0 !important;
	vertical-align: middle;
}
.newGradebook .gradesPager input[type=text] 
{
	margin: 0px 2px !important;
}
.noData
{
	color: #c00 !important;
	text-align: left !important;
	white-space: nowrap;
}

th.fixedData
{
	width: 85px;
	white-space: nowrap;
}

th.iconCol, td.iconCol { width: 50px; }
th.centerCol, td.centerCol { text-align: center; }
thead th a { color: #444 !important; }
tbody th a { color: #18688F !important; }

#content .gradeTable tbody a:link, #content .gradeTable tbody a:visited
{
	text-decoration: none;
	color: #18688F;
	border: none;
	display: block;
}
#content .gradeTable tbody a.approvalLink:link, 
#content .gradeTable tbody a.approvalLink:visited
{
	display: inline;
}

.gradeTable tr.grayout * 
{ 
	opacity: 0.5 !important; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	filter: alpha(opacity=50) !important; 
}

th.alert, th.alert:hover
{
	background: #faf800 url("/stellar/f/shared/2.2.1/img/bullet_error.png") 0 2px no-repeat;
	text-indent: 10px;
	text-align: left;
	color: #000;
	font-weight: normal;
}

th.totalSum, td.totalSum
{
	border-top: 1px solid #aaa;
	padding: 10px 5px;
	background: #fff;
	text-transform: uppercase;
	font-weight: 800;
}

td.totalSum { text-align: right; }
td.alert { background: #faf800; }
td.approved, td span.approved, td.a { color: #44A742; }

/* alignment styles for gradereport.html */
td.totalSum { text-align: center !important; }

th.totalSum { text-align: right !important; }

td.totalSumWsLg {
background:#FFFFFF none repeat scroll 0%;
border-top:1px solid #AAAAAA;
font-weight:800;
padding:10px 5px;
text-align: left !important;
text-transform: uppercase; }

td.select
{
	width: 10.5em;
	text-align: center;
}

td.centerCol.priorityThree strong { color: #000; }

/* Gradebook roster tables ============== */
#scrollBox
{
	position: relative;
	min-width: 555px;
	background: #fff;
	height: 45em;
	width: 98%;
	overflow: scroll;
	padding-bottom: 12px;
}

#scrollBox th
{
	white-space: nowrap;
	font-size: 11px;
}

table.gradeTable thead th.rosterGrades
{
	background: #DEF3E5;
	text-align: right;
	color: #000;
}

table.gradeTable tbody td.rosterGrades { text-align: right; }

#scrollBox #gradeTable thead th
{
	background: #DEF3E5;
	text-align: right;
	color: #000;
}

#scrollBox th[scope="row"] { white-space: nowrap; }
#rosterTable thead th.noData { text-align: center !important; }

#rosterTable tbody th, #rosterTable tfoot th.totalSum, #rosterTable thead th.priorityThree, #rosterTable tbody td.priorityThree
{
	visibility: hidden;
	width: 1px !important;
	padding-right: 0;
	padding-left: 0;
}

/* Grade history popups  ============== */
.gradeLogs
{
	position: absolute;
	z-index: 100;
	float: left;
	width: 375px;
	text-align: left;
	margin-left: -350px;
	background: #fbfbfb;
}

.gradeLogs table
{
	border: 1px solid #bbb;
	width: 100%;
}

.gradeLogs caption
{
	background: #000;
	color: #fff;
	width: 100%;
	font-size: 100%;
	padding: 3px 0 3px 8px;
}

.gradeLogs caption a
{
	display: block;
	width: 10px;
	float: right;
	margin: -1px 3px 0 10px;
	color: yellow !important;
	font: 10px bold Verdana, Arial, Helvetica, sans-serif;
}

.gradeLogs th
{
	background: #fff;
	padding: 2px 10px;
	text-align: right;
	color: #000;
	border: none;
}

.gradeLogs td
{
	padding: 2px 5px;
	color: #555;
	border-bottom: 2px solid #fff;
}

.gradeLogs td.dateStamp
{
	color: #000;
	white-space: nowrap;
}

/* Dojo chart for grade histogram ============== */
.chart
{
	border: 1px solid #cdc;
	width: 600px;
	height: 425px;
}

/* Membership page data tables ============== */
#memberList thead td, #classSections thead td { border-bottom: 1px solid #ddd; }

/* Access Control results tables ============== */
div#mainLookupResults, div.lookupResults
{
	border: 1px solid #aaa !important;
	padding: 0 !important;
	background: #fff;
	width: 420px;
	z-index: 110 !important;
}

div#mainLookupResults table, div.lookupResults table
{
	border-bottom: 10px solid #fff;
	background: #fffeee;
	position: relative;
	z-index: 111 !important;
	width: 420px;
	font-size: 95%;
}

div#mainLookupResults p.act, div.lookupResults p.act
{
	position: relative;
	z-index: 112 !important;
	margin-top: 0;
	border: 10px solid #fff;
	background: #fff;
}

div#mainLookupResults p.act { 
	margin: 0; 
	padding: 0px 0px 1em 0px; 
}

div#mainLookupResults caption 
{ 
	margin: 0; 
}

div#mainLookupResults th, div.lookupResults th { background: #ddd; }
div#mainLookupResults p.act, div.lookupResults p.act { margin-left: 8px; }

div.userCurrentMod fieldset table
{
	width: 98%;
	border-top: 1px solid #bbb;
	font-size: 98%;
}

/* Image Tool search results table ============== */
table#imageList
{
	min-width: 420px;
	border: 1px solid #ddd;
	margin-bottom: 1em;
}

table#imageList th { padding: 5px; }
table#imageList td.select { padding: 5px 0 !important; }

table#imageList td.select input.button
{
	width: 90px;
	padding: 2px 0 !important;
}

table#imageList select#selectedLecture { width: 200px; }
table#imageList thead td { border-bottom: 2px solid #ddd; }
table#imageList tfoot td { border-top: 2px solid #ddd; }

table#imageList td
{
	vertical-align: top;
	padding: 5px;
	color: #555;
}

table#imageList td a, 
table#imageList td a:visited, .dataTable tbody a { border-bottom: none !important; }

table#imageList td strong
{
	color: #000;
	font-size: 110%;
}

table#imageList td.select, table#imageList th.select, table#imageList td.imgpreview { text-align: center; }

table#imageList td.select
{
	vertical-align: middle;
	padding: 0;
}

table#imageList td.imgpreview
{
	background-color: #ddd;
	width: 120px;
	padding: 3px;
}

table#imageList td.imgpreview a, table#imageList td.imgpreview a:hover, table#imageList td.imgpreview a:visited
{
	border: none;
	padding: 0;
}

table#imageList td.imgpreview:hover { background-color: #555; }

table#imageList td.imgpreview img.thumbnail
{
	border: 1px solid #ddd;
	padding: 1px;
	margin: 0;
}

/* Slideshow list elements - lecture.jsp */
div.displayTitle
{
	width: 400px;
	margin-top: 0.5em;
}

a.slideshowTitle
{
	display: block;
	font-size: 120%;
	font-weight: 800;
	border-bottom: none !important;
}

a.editLecture, a.editLecture:visited
{
	font-weight: 800;
	color: #555 !important;
	margin-left: 8px;
	font-size: 95%;
}

div.displayTitle span
{
	display: block;
	width: 90px;
	float: left;
	margin-right: 5px;
}

div.displayTitle span.lectureDesc
{
	width: 135px;
	font-size: 95%;
	color: #666;
}

/* calendar table for Calendar page (formerly Schedule) ================== */
table.calendarTable { margin: 1.5em 0; }
table.calendarTable a { border-bottom: 0 !important; }

table.calendarTable th
{
	border-width: 1px 0;
	color: #000;
	background: #eee;
	font-size: 105% !important;
	text-transform: capitalize;
	padding: 5px 3px;
}

table.calendarTable.full tbody th
{
	background: transparent !important;
	width: 2.25em;
	text-align: right;
	color: #000;
	vertical-align: top;
	font-size: 145% !important;
	border-top: 10px solid #555;
	border-right: 1px solid #ddd;
	padding-right: 0.33em;
}

table.calendarTable td
{
	background: #fffffb;
	vertical-align: top;
	border-left: 0 !important;
	border-right: 1px solid #ddd;
}

table.calendarTable.full tbody.even td { background: #efefef; }

table.calendarTable.full thead th:first-child, table.calendarTable.full tfoot td:first-child
{
	background: transparent;
	border: 0;
}

table.calendarTable.full td
{
	border-left: 1px solid #ccc;
	font-weight: 800;
	color: #777;
	text-align: left;
}

table.calendarTable.full tbody td.empty
{
	border: 0;
	border-bottom: 1px solid #eee;
	background: #fbfbfb;
}

table.calendarTable.full td.today
{
	background: #FAFFE2 !important;
	border: 1px solid #000;
	border-color: #ddd #000 #000 #ddd !important;
}

table.calendarTable td ul
{
	list-style: none;
	margin: 5px 0 !important;
}

table.calendarTable td ul li { font-weight: normal; }

table.calendarTable.full td ul li
{
	color: #000;
	font-size: 98%;
}

table.calendarTable td.today ul li { font-weight: 800; }
table.calendarTable.full td ul li:first-child { display: none; }

/* icons for adding events and showing doc downloads plus day number ================= */
div.cellHeader { margin-bottom: 1px; }
div.cellHeader:first-child { color: #555; }
div.cellHeader.today:first-child { color: #000; }

table.calendarTable.full td div.cellHeader a
{
	margin: 2px 0 0 5px;
	float: right;
}

/* drop down list of documents available on a particular day ================= */

/*
ul.docList { border: 1px solid red;}
*/

table.calendarTable.full td ul.docList li:first-child { display: block; }
ul.docList a { padding: 2px 0 2px 22px; }

/* icons for document mime types =================================== */
/* default (octet-stream/binary) ================================ */
a.binfile { background: url("/stellar/f/shared/2.2.1/img/file.gif") no-repeat; }

/* matlab ======================================== */
a.mfile { background: url("/stellar/f/shared/2.2.1/img/matlab.png") no-repeat; }

/* compressed archives ================================ */
a.zipfile { background: url("/stellar/f/shared/2.2.1/img/archive.png") no-repeat; }
a.jarfile { background: url("/stellar/f/shared/2.2.1/img/archive.png") no-repeat; }
a.tarfile { background: url("/stellar/f/shared/2.2.1/img/archive.png") no-repeat; }
a.Zfile { background: url("/stellar/f/shared/2.2.1/img/archive.png") no-repeat; }

/* images ======================================== */
a.bmpfile { background: url("/stellar/f/shared/2.2.1/img/picture.png") no-repeat; }
a.giffile { background: url("/stellar/f/shared/2.2.1/img/picture.png") no-repeat; }
a.jpegfile { background: url("/stellar/f/shared/2.2.1/img/picture.png") no-repeat; }
a.tifffile { background: url("/stellar/f/shared/2.2.1/img/picture.png") no-repeat; }

/* audio ========================================= */
a.mp3file { background: url("/stellar/f/shared/2.2.1/img/ipod_sound.png") no-repeat; }
a.rafile { background: url("/stellar/f/shared/2.2.1/img/ipod_sound.png") no-repeat; }
a.wavfile { background: url("/stellar/f/shared/2.2.1/img/ipod_sound.png") no-repeat; }

/* video ========================================= */
a.mpegfile { background: url("/stellar/f/shared/2.2.1/img/quicktime.gif") no-repeat; }
a.movfile { background: url("/stellar/f/shared/2.2.1/img/quicktime.gif") no-repeat; }
a.avifile { background: url("/stellar/f/shared/2.2.1/img/quicktime.gif") no-repeat; }

/* text files/office docs ================================ */
a.txtfile, a.homeworkfile { background: url("/stellar/f/shared/2.2.1/img/txt.png") no-repeat; }
a.texfile { background: url("/stellar/f/shared/2.2.1/img/doc.png") no-repeat; }
a.rtxfile { background: url("/stellar/f/shared/2.2.1/img/doc.png") no-repeat; }
a.rtffile { background: url("/stellar/f/shared/2.2.1/img/doc.png") no-repeat; }
a.docfile, a.wordfile { background: url("/stellar/f/shared/2.2.1/img/word.gif") no-repeat; }
a.pdffile { background: url("/stellar/f/shared/2.2.1/img/pdf.gif") no-repeat; }
a.acrofile { background: url("/stellar/f/shared/2.2.1/img/pdf.gif") no-repeat; }
a.psfile { background: url("/stellar/f/shared/2.2.1/img/pdf.gif") no-repeat; }
a.xlsfile { background: url("/stellar/f/shared/2.2.1/img/excel.gif") no-repeat; }
a.xlfile { background: url("/stellar/f/shared/2.2.1/img/excel.gif") no-repeat; }
a.pptfile { background: url("/stellar/f/shared/2.2.1/img/ppt.png") no-repeat; }
a.swffile { background: url("/stellar/f/shared/2.2.1/img/flash.gif") no-repeat; }

/* web =========================================== */
a.weblink, a.linkfile { background: url("/stellar/f/shared/2.2.1/img/web.png") no-repeat; }
a.xmlfile { background: url("/stellar/f/shared/2.2.1/img/dreamweaver.gif") no-repeat; }
a.htmlfile { background: url("/stellar/f/shared/2.2.1/img/dreamweaver.gif") no-repeat; }
a.xhtmlfile { background: url("/stellar/f/shared/2.2.1/img/dreamweaver.gif") no-repeat; }