/*
 * This file can be edited to customize the look and feel of EDU.
 * Do not remove any text or code wrapped in comments.
 *
 * Description:
 *   Main style sheet for EDU
 */
 
body {
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none;
  margin: 0 0;
}

table {
  font-size: 12px;
}

p {
  margin-top: 4px;
  margin-bottom: 4px;	
}

/* 
 * Style for button popups 
 */
.popup {
  color: #333333; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  background-color: #ececec;
  border: 1px solid #666666;
  padding: 4px;
  visibility: hidden;
  position: absolute;
}

/*
 * The main content window for anything extending any of the tile layouts
 */
.content {
	padding-left: 2.0em;
	padding-top: 2.0em;
	padding-bottom: 2.0em;
}

.mathedit {
  font: normal bold 14px Arial, sans-serif;
  text-decoration: none;
  margin-bottom: 2px;	
  margin-left: 10px;
}

.mathedithelp {
	margin-right: 10px;
}

.mathedittable {
  border: 1px solid darkblue;
}

div.crumbTrail {
	padding:0px 0px 10px 50px;
	color:#006699;
	font-size:1em;
}

/*
 * The display of the user name and class at the head of each page
 */
.display_user_info {
  font: italic 6pt sans-serif;
  color: #ccccff;
  padding-right: 10pt;
}

/* 
 * Style for the text of a module title within EDU 
 */
h1 {
  color: #006699; font-size: 20px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* 
 * Style for the text of a page title within EDU 
 */
h2 {
  color: #333333; font-size: 20px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  margin-bottom: 4px;
}

/* 
 * Style for a heading within, e.g., a panel.
 */
h3 {
  color: #333333; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: underline;
  margin-bottom: 2px;
}

/*
 * The style for regular links within the system
 */
a:link {
  color: #006699; 
  text-decoration: underline;
}

a:visited {
  color: #006699; 
  text-decoration: underline;
}

a:active {
  color: #006699;
  text-decoration: underline;
} 

a:hover {
  color: #B00D28;
  background-color: #ececec;
  text-decoration: underline;
}

/*
 * The style for "button"-type links.
 */
a.button, a.button:visited, input.button {
  height: 20px;
  border: 1px solid #999999;
  padding: 2px 8px 3px 8px;
  color: #666666;
  background-color: #ececec;
  text-decoration: none;
  font: bold 10pt sans-serif;
  white-space: nowrap;
}

input.button {
  height: 22px;
  border: 1px solid #999999;
  padding: 0px 8px 3px 8px;
  color: #666666;
  background-color: #ececec;
  text-decoration: none;
  font: bold 10pt sans-serif;
  white-space: nowrap;
}

a.button:hover, input.button:hover {
  color: #000066;
  background-color: #cccccc;
  text-decoration: underline;
}

.inactive .button {
  border: 1px solid #999999;
  padding: 1px 8px 3px 8px;
  color: #666666;
  background-color: #ececec;
  text-decoration: none;
  font: bold 10pt sans-serif;
  white-space: nowrap;
}

/*
 * The style for "small-button"-type links.
 */
a.small_button, a.small_button:visited {
  border: 1px solid #999999;
  padding: 1px 4px 1px 4px;
  color: #666666;
  background-color: #ececec;
  text-decoration: none;
  font: bold 8pt sans-serif;
  white-space: nowrap;
}

a.small_button:hover {
  color: #000066;
  background-color: #cccccc;
  text-decoration: underline;
}

.inactive .small_button {
  border: 1px solid #999999;
  padding: 1px 4px 1px 4px;
  color: #666666;
  background-color: #ececec;
  text-decoration: none;
  font: bold 8pt sans-serif;
  white-space: nowrap;
}

/*
 * The style for list of menu style links, e.g. in main sysadmin page or
 * instructor system utils page.
 */
 
.display_menu {
  font: bold 11pt sans-serif;
  color: #999999;
}

.display_menu li {
  margin-top: 10px;
}

.display_menu a {
  font: bold 13pt sans-serif;
  color: #333333;
  text-decoration: none;
}

.display_menu a:visited {
  font: bold 13pt sans-serif;
  color: #333333;
  text-decoration: none;
}

.display_menu a:hover {
  text-decoration: underline;
}

tr .shade {
  background-color: #ececec;
}

.shade select {
  color: #ececec; 
  background-color: #999999; 
  font-family: Arial,Helvetica,sans-serif;
}

select {
  font-family: Arial,Helvetica,sans-serif;
}

input {
  font-family: Arial,Helvetica,sans-serif;
}

tr .strongshade {
  background-color: #ececec;
}

.warning {
  color: #B00D28;
}

.errorStyle1 {
  font-size: 10pt;
  color: maroon;
  font-weight: bold;
}
    
em.title {
  color: #666666; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-style: italic;
  font-weight: bold;
}

em.divider {
	display: block;
	color: #006699; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-bottom: 1px solid #006699;
}

em.tableHeader {
	display: block;
	color: #006699; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

em.info {
	display: block;
	color: #000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

em.success {
	display: block;
	color: green; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

em.error {
	display: block;
	color: red; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/*
 * Used to offset floating announcemnts.
 */
div.announce {
  margin: 20px 12.5% 20px 12.5%;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

/*
 * The decoration style for presenting a passing grade
 */ 
.passing_grade {
  color: green;
}

/*
 * The decoration style for presenting a failing grade
 */ 
.failing_grade {
  color: red;
}

/*
 * The "tabular_list" environment is used to present lists of assignments
 * for the AE and the CHP.
 */
table.tabular_list {
  border-collapse: collapse;
  border-bottom: 1px solid #808080;
 white-space: nowrap; 
}

table.tabular_list tr.head th {
  background: #ececec;
  border-top: 1px solid black;
  border-bottom: 2px solid black;
  text-align: left;
}

table.tabular_list thead tr th {
  background: #ececec;
  border-top: 1px solid black;
  border-bottom: 2px solid black;
  text-align: left;
}

table.tabular_list td {
  border-top: 1px solid #808080;
  padding-right: 3px;
  padding-left: 3px;
}

table.tabular_list th {
  padding-right: 3px;
  padding-left: 3px;
}

table.tabular_list tr.sub_part {
  border-top: 0px;
}

table.tabular_list tr.sub_part td {
  border-top: 0px;
  padding-left: 30px;
  /* font-size: 80%; */
}

/*
 * The display environment for the tab-bars used in AE and Gbk
 */
table.tabbar {
  width: 100%;
  border-collapse: collapse;
}

table.tabbar td {
  white-space: nowrap;
}

table.tabbar td.selected {
  background: #cccccc;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #000066;
  border-left: 1px solid #000066;
  border-right: 1px solid #000066;
  border-bottom: 1px solid #cccccc;
}

table.tabbar td.deselected {
  background: #ececec;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #aaaacc;
  border-left: 1px solid #aaaacc;
  border-right: 1px none #aaaacc;
  border-bottom: 1px solid #000066;
}

table.tabbar td.end_selected {
  width: 100%;
  border-bottom: 1px solid #000066;
}

table.tabbar td.end_deselected { 
  width: 100%;
  border-bottom: 1px solid #000066;
  border-left: 1px solid #aaaacc;
}

table.tabbar td.body {
  background: #ececec;  
  border-left: 1px solid #000066;
  border-right: 1px solid #000066;
  height:40px;
}

/* displaytag styles */ 
table.simple {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 80%;
	margin: 20px 0 20px 0;
}
		
table.simple thead tr th {
	background-color: #069;
	color:#fff;
}

table.simple tr.odd {
	background-color: #fff;
}
		
table.simple tr.even {
	background-color: #eee;
}
		
table.simple td, table.simple th {
	border: 1px solid #ccc;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}
						
table.simple th a, table.simple th a:visited {
	color: #fff;
	text-decoration: none;
	display:block;
	width:100%;
}
		
table.simple th a:hover {
	/*text-decoration: underline;*/
	color:#069;
}

table.simple th.sorted {
	background-color: #09c;
}

	
table.scrollTable {
	border-collapse: collapse;
	margin-left:0;
	margin-right:0;
}
		
table.scrollTable thead tr th {
	background-color: #069;
	color:#fff;
}

table.scrollTable tr.odd {
	background-color: #fff;
}
		
table.scrollTable tr.even {
	background-color: #eee;
}
		
table.scrollTable td, table.scrollTable th {
	padding: 2px 4px 2px 4px;
	text-align: center;
	vertical-align: top;
}

table.scrollTable td.leftAlign {
	text-align: left;
}

table.scrollTable th a, table.scrollTable th a:visited {
	color: #fff;
	text-decoration: none;
	display:block;
	width:100%;
}
		
table.scrollTable th a:hover {
	/*text-decoration: underline;*/
	color:#069;
}

table.scrollTable th.sorted {
	background-color: #09c;
}

div.search {
width:79%;
border:1px solid #696969;
padding:5px 5px 5px 5px;
margin:0px 0px 5px 0px;
}

span.toggle {
position:relative;
background-color:white;
padding:0px 5px 0px 5px;
}

	TR.extraData TD { background-color: #ffffa0; }
	TR.extraData TD.title { font-weight: bold; }

.spacer,TR.extraData TD.spacer {
	width:15px;
	background-color:#fff;
}

table.gridpages td.selectedpage a:link,
table.gridpages td.selectedpage a:hover,
table.gridpages td.selectedpage a:visited,
table.gridpages td.selectedpage a:active
{
	color:#0000ff;
	font-weight:bold;
}

table.gridpages td
{
	width:2.4em;
	text-align:center;
}

div.rosterUpload {
	height:400px;
	overflow:auto;
	margin:3px;
	border:1px solid #ccc;
	padding:0px 5px 0px 0px;
}
div.rosterProfiles {
	margin:5px 0px 0px 0px;
}

a.file, a.file:visited, a.file:active {
  color: #006699; 
  background-color: #ffffff;
  text-decoration: none;
}

a.file:hover {
  color: #006699; 
  background-color: #ffffff;
  text-decoration: underline;
}

a.aeQuestion, a.aeQuestion:visited, a.aeQuestion:active {
  color: #777777; 
  background-color: #ffffff;
  text-decoration: none;
}

a.aeQuestion:hover {
  color: #777777; 
  background-color: #ffffff;
  text-decoration: underline;
}

a.aeSelectedQuestion, a.aeSelectedQuestion, a.aeSelectedQuestion:active {
  color: #000000; 
  background-color: #ffffff;
  text-decoration: none;
}

a.aeSelectedQuestion:hover {
  color: #000000; 
  background-color: #ffffff;
  text-decoration: underline;
}