#mainContent {
	font-size: 14px;
}

p {
  margin-top: 10px;
}

h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.newModel {
  margin: 20px;
}

/* the table that has the form for editing one object at a time */
.editTable {
	margin-top: 15px;
	border-spacing: 5px 5px;
}

.editTable th {
	font-weight: bold;
}

.editTable td {
	vertical-align: top;
}

.editTable TR.expired TD, LI.expired A {
	text-decoration: line-through;
	color: red !important;
}

.editTable TR.warning TD, LI.warning A {
	color: orange !important;
}

.editTable TR.expired TD.tools {
	color: black;
	text-decoration: none;
}

/* the table that lists a bunch of objects */
.listTable {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-spacing: 0px 1px;
	width: 100%;
}

.listTable th {
	font-weight: bold;
	padding: 4px;
}

.listTable td {
	padding: 4px;
	vertical-align: middle;
}

.listTable TD.month {
	background: #998;
	font-weight: bold;
	font-size: 16px;
	color: white;
}

.listTable TD.course {
	background: #eed;
	font-size: 16px;
}

.enrollment-links {
   text-align: left;
   width: 33%;
}

.enrollment-links A {
   font-size: 14px;
   text-decoration: none;
}

.locationOfferingList .offeringLocation {
   display: none;
}

.courseOfferingList .offeringCourseName {
   display: none;
}

.oddRow {
	background: #EEB9E9;
}

.evenRow {
	background: #ece9aa;
}

.fullClass {
	background: #c32118;
}

.privateClass {
	background: #49B8A8;
}

.popupTable {
  display: block;
  border: 3px solid purple;
  background: white;
  position: absolute;
  left: 20px;
  top: -20px;
  width: 200px;
  padding: 4px;
  height: 300px;
  overflow: auto;
}

DIV.popupTable H2
{
	font-size: 14px !important;
	padding: 0 !important;
	margin: 0 0 6px 0 !important;
}

DIV.popupTable LI
{
	margin-bottom: 3px;
}

.bulletList {
  list-style: disc inside; 
  margin-left: 15px;
}

.numberedList {
  list-style: decimal inside; 
  margin: 5px;
}

.browseOffering {
     border-top: 1px solid #dfdc9c;
     margin-top: 15px;
     padding: 5px;
}
.browseOffering h2 {
     font-size: 18px;
     font-weight: bold;
}

.description {
	background: #eee;
	padding: 15px;
	margin: 5px;
}

.checkBoxes {
	border: 2px black solid;
	margin-top: 15px;
	width: 250px;
	padding: 5px;
}

.checkBoxes label {
  float:left;
  width:75%;
  margin-right:0.5em;
  margin-right: 10px;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

DL.formFields DT {
	clear: both;
}

DL.formFields SPAN.edit{
	display: none;
}

DIV.editable DL.formFields SPAN.edit {
	display: inline;
}

P.edit {
	display: none;
}

DIV.editable P.edit {
	display: block;
}

DIV.editable P.view {
	display: none;
}

DIV.editable DL.formFields SPAN.view {
	display: none;
}

DL.formFields DT
	{
	font-weight: bold;
	float: left;
	width: 11em;
	text-align: left;
	padding: 4px 0;
	}
	
DL.formFields DD
	{
	padding: 4px 0;
	margin-left: 13em;
	border-bottom: 1px dotted #eeeeee;
	}

DL.formFields DD INPUT.field, DL.formFields DD TEXTAREA.field
	{
	width: 100%;
	font-size: 1.1em;
	}
	
.none
	{
	color: #555;
	font-style: italic;
	}

DIV.filter
	{
	padding-top: 5px;
	}
	
DD.formError
	{
	color: red;
	}
	
UL.validationErrors
	{
	color: red;
	margin: 8px 0;
	}
	
DIV.inlineCreate
	{
	margin: 18px;
	padding: 18px;
	border: 1px solid #eed;
	background: #ffe;
	}
	
P.sectionLinks
	{
	text-align: right;
	}
	
/**  Quick login box **/

#qlogin {
   float: right;
   border: 2px solid #663161;
   padding: 5px;
   width: 280px;
   margin:0;
}

#qlogin div {
   text-align: right;
   clear: both;
   display: block;
}

#qlogin div.message {
   text-align: center;
   color: #663161;
   margin-bottom: 15px;
}

#qlogin input {
   width: 100px;
   margin-left: 15px;
   float: right;
   clear: right
   white-space: nowrap;
}

FORM.userForm {
   width: 640px;
}

FORM.userForm LABEL {
   display: block;
   float: left;
   margin: 0;
   padding: 4px;
   width: 632px;
}

FORM.userForm INPUT.field {
   width: 100%;
}

FORM.userForm TEXTAREA {
   width: 100%;
   height: 100px;
}

FORM.userForm LABEL.w1 { width: 56px; }
FORM.userForm LABEL.w2 { width: 120px; }
FORM.userForm LABEL.w3 { width: 184px; }
FORM.userForm LABEL.w4 { width: 248px; }
FORM.userForm LABEL.w5 { width: 312px; }
FORM.userForm LABEL.w6 { width: 376px; }
FORM.userForm LABEL.w7 { width: 440px; }
FORM.userForm LABEL.w8 { width: 504px; }
FORM.userForm LABEL.w9 { width: 568px; }

.warning {
   color: red;
}

DIV.notice {
   padding: 12px;
   margin: 12px;
   border: 1px solid red;
   background: #fee;
}

TABLE.rosterTable {
	width: 100%;
}

TABLE.rosterTable TD, TABLE.rosterTable TH {
	padding: 4px;
	vertical-align: top;
}

TABLE.rosterTable TEXTAREA {
	width: 99%;
}

TABLE.rosterTable DT {
	font-weight: bold;
	color: #555;
}

TABLE.rosterTable DD {
	margin-left: 12px;
}

TABLE.rosterTable TD.certs {
	vertical-align: bottom;
}

TD.dirty {
   background: #cec;
}

TD.dirty .cancel {
   display: none;
}

TR.staffed TD{
  text-decoration: line-through;
}

TD.collapsed DIV {
   display: none;
}

SPAN.unassigned {
   color: red;
   text-decoration: underline;
}

DIV.importantLinks {
   float: right; 
   border: 1px solid #DBD897; 
   background: #F4F2C2; 
   padding: 12px;
}

DIV.importantLinks H3 {
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 8px;
}

DIV.importantLinks LI {
   margin-bottom: 6px;
}

TD.staffing {
   padding: 0px;
   margin: 0px;
}

TD.icon {
	width: 18px;
}

DIV.courseSlide {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}

DIV.courseSlide TD {
	padding-top: 5px;
}

DIV.courseSlide TD IMG{
	vertical-align: -20%;
}

DIV.courseSlide TD.rightArrow {
	text-align: right;
}

DIV.courseSlide TD.rightArrow IMG{
	padding-left: 3px;
}

DIV.courseSlide TD IMG{
	padding-right: 3px;
}

DIV.personalScheduleFilter {
	padding-top: 5px;
}

DIV.personalScheduleFilter IMG {
	vertical-align: -20%;
}

TR.meetingStations TD, TR.scheduleItem TD, TR.offering TD {
   padding: 3px;
}

TR.heading TD {
   font-weight: bold; 
   padding: 6px; 
   background: #999988; 
   color: white;
}

TR.totals TD {
   padding: 4px;
   background: #EEEEDD;
}

.calenderDay {
   display: inline;
}

DIV.courseSort A {
   font-size: 20px;
   color: red;
}

DIV.courseSort IMG {
   padding: 0 3px; 
}

TD.user_certs {
   padding: 0px;
   margin: 0px;
}

DIV.hide {
   display: none;
}

DIV.show {
   display: block;
}

UL#report-links LI{
   padding-top: 6px;
}

FORM.single-button {
   display:inline;
}

FORM.single-button DIV {
   display:inline;
}

DIV#annotatedResultContainer {
   margin: 0 100px;
   float: left;
}

DL.annotatedResult DT {
   font-weight: bold;
   padding: 8px 0 0 0;
   display: block;
}

DL.annotatedResult DD {
   padding: 0px 30px;
   display: block;
}

.correct {
   color: green;
}

.incorrect {
   color: red;
}