/* Fluid Reorderer */
.fl-reorderer-movable-hover{
  background-color: lightyellow;
  cursor: move;
}


/* Daisy Diff */
span.diff-html-removed {
  background-color: yellow;
  text-decoration: line-through;
}

span.diff-html-added {
  background-color: yellow;
}

span.diff-html-changed {
  background-color: yellow;
}

/* Reset tool styles ========================================*/

.reqStar{
	float: none;
	margin-left: 0;
}

label .reqStar {
	margin-left: -6pt;	
}

table.listHier{
	width: 98%;
}

.listHier th {
    /* remove the border on the left and right of the th tags */
    border-left: none;
    border-right: none;
}

/* extends the sakai highlight class */
h2 span.highlight {
    font-size:0.85em;
    font-weight:normal;
    margin-left:5px;
}

.listHier tr.uploadHighlight {
	background-color: lightyellow;
}

.listHier tr:hover.uploadHighlight {
	background-color: lightyellow;
}

/* override the sakai "gray" with black */
h4 {
    color: #000;
}



/* Nav ========================================*/

.navIntraTool li, .itemAction li {
	display: inline;
	margin: 0;
	margin-left: -.5em;
	padding: 0 1em;
}

.navIntraTool li span.separator {
    margin-left: 1em;
    margin-right: -.8em;
}

.itemAction li {
	margin-left: 0;
	padding: 0 .3em;
}

.navIntraTool a, .navIntraTool a:link{
	margin: 0;
	padding: 0;
}

.navIntraTool li span.inactive {
    margin: 0;
    padding: 0;
    border: 0 none;
}

li.last {
	border: 0 none;
}

p.subheading {
	color: #555;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0.8em;
}

table.infoTable th {
    color: #000;
}


/* Forms ========================================*/

fieldset {
	margin: 20px 0;
	padding: 0;
}

legend {
	color: #000;
	font-weight: bold;
	margin-left: 0;
	margin-bottom: .5em;
	padding: 0;
}

form ol {
	margin:0;
	padding:0;
}

form li, .asnn_subsection, .liItem {
	list-style: none;
	margin: 0 .5em .5em 15px;
	padding-top: 2px;
}

form li.activefield {
   background-color: #f1f5f8;
}

form li label, .liItem label {
	/* display: block;
	float: left; */
	margin-right: .5em;
	text-align: left;
	width: 14em;
}

li label.block, .liItem label.block {
	display: block;
	float: none;
	width: auto;
}

fieldset fieldset {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

fieldset fieldset.indent {
    margin-left: 14.5em;	
}

fieldset fieldset.indent li {
	margin: 0 .5em .5em 0;
}

fieldset fieldset legend {
	color: #333;
	font-weight: normal;
	margin-left: 0;
}

form fieldset fieldset li {
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

form fieldset fieldset label {
	display: inline;
	float: none;
	margin: 5px 0 0 5px;
	text-align: left;
	width: auto;
}

.textarea {
	width: 100%;
}

.submit {
	border-style: none;
	padding: 0;
	background: none;
}

.indent {
	margin-left: 3em;
}

li p.instruction {
	margin-left: 14.5em;
}

li fieldset ol li p.instruction {
	margin-left: 0;	
}

.subgroupHeading {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 98%;
}

.viewFilter label {
    font-weight: bold;
}

.viewFilter {
    margin-bottom: 15px;
    margin-right: 5px;
}

.groupFilterContainer {
    float: left;
    padding-top: 2em;
}

.pagerDiv {
    float: right;
}

.pagerInstruction {
    text-align: center;
}

/* Errors/Notifications ========================================*/

li.alertMessageInline {
	display: inline;	
}


div.generalErrors li {
	list-style: none;
}

div.generalErrors li.alertMessageInline {
	display: block;	
}

.messageContent {
    font-weight: bold;
}

.messageContentPadding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.informationalMessage {
  border-color: #1b65b1;
  background-image:url('/sakai-assignment2-tool/content/images/informational.png');
  color: #1b65b1;
}

.inlineErrorIndicator {
    padding-left: 1em;
    vertical-align: middle;
 }

.inlineMessage {
    margin-left: 1em;
}

.messages {
	xbackground: url("/sakai-assignment2-tool/content/images/error-arrow.png") no-repeat .5em 0;
	xcolor: #fff;
	display: block;
	margin: 0;
	xpadding: .5em .5em .5em 2em;
}

.messages li {
	xbackground: url("/sakai-assignment2-tool/content/images/error-arrow.png") no-repeat .5em 0;
	padding: .5em .5em .5em 2em;
}

li.error {
	background-color: #ba0005;
}

li.info {
	background-color: #00ba05;
	color: #fff;
}

.error input[type="text"] {
	border: 1px solid #ba0005;
}

.error p,
.error ul {
	background: #ba0005 url("/sakai-assignment2-tool/content/images/error-arrow.png") no-repeat .5em 0;
	color: #fff;
	display: block;
	margin: 0;
	padding: .5em .5em .5em 2em;
}

.error ul {
	list-style: none;
}

li .error p {
	margin-left: 12.5em;
}

.error a {
	color: #fff;
}

.pointer {
	cursor: pointer;
}

/* styling for the "current version" indicator */
.currentEdit {
    font-style: italic;
}

.nothingProvided {
    font-style: italic;
}


/* breadcrumb navigation styles */
.breadCrumb {
	font-size: 1.2em;
	padding: .5em 0; 
	margin: 0 0 1em 0;
}

.navIntraTool 	 .breadCrumb {
	margin:0;float:left
}

.breadCrumb li{
	display: inline; 
	background: transparent url("/sakai-assignment2-tool/content/images/breadSep.gif") center right no-repeat;
	padding:0 1.2em 0  .5em;
	margin:0;
}
.breadCrumb li:first-child{
	padding-left:3px
}
.breadCrumb li.lastCrumb{
	display: inline; 
	background-image: none;
	padding-right: 0;
}

.breadCrumbCurrent {
	font-weight: bold;
	display: inline; 
	padding: 0px;
}

A.breadCrumb {
	font-weight: bold;
	margin: 0px;
}

A:hover.breadCrumb {
	color: #333;
}

.breadCrumb li.link {
	margin-left: 0px;	
}

.breadCrumb li.link a {
	border-left: 1px solid #999;
	padding-left: 10px;
}

/** New Table List Page Styles **/

table.assignmentTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}


.assignmentTable > thead > tr > th {
	text-align: left;
}

.assignmentTable > tbody > tr > td {
	height: 3.2em;
	padding-top: 10px;
}

.assignmentTable > tbody > tr:hover {
   background-color: #feffcc;
}


.assignmentInfoCell {
	padding-left: 20px;
}

.assignmentInfoCell:hover {
	background-color: #feffcc;
}

.assignmentActive {
	background: transparent url("/sakai-assignment2-tool/content/images/bullet_green.png") no-repeat top left;
}

.assignmentInactive {
	background: transparent url("/sakai-assignment2-tool/content/images/bullet_red.png") no-repeat top left;
}

/*
 * Currently this is just to put the grew border above the rows with the Asnn
 * Title and Submissions etc.
 */
.demarcatedAsnnDisplay {
	border-top: 2px solid #DEDEDE;
}

/** List Page Styles **/
a.add_assignment {
	 background: #fff url("/sakai-assignment2-tool/content/images/add.png") no-repeat left center;
	 padding-left: 20px;
	 margin-left: 20px;
}

a.assignment_delete {

}

ul#assignmentList {
   list-style: none;
   margin-left: 50px;
}

ul#assignmentList li {
   width: 95%;
}

ul#assignmentList div.assignActive {
     background: transparent url("/sakai-assignment2-tool/content/images/bullet_green.png") no-repeat top left;
}

ul#assignmentList div.assignInactive {
	background: transparent url("/sakai-assignment2-tool/content/images/bullet_red.png") no-repeat top left;
}

ul#assignmentList li.header {
}

ul#assignmentList li.row {
   border-top: 2px solid #DEDEDE;
   height: 3.2em;
   /* cursor: move; */
   padding-top: 10px;
   position: relative;
}
ul#assignmentList li.row:hover {
   background-color: #feffcc;
}

ul#assignmentList li.row div.widget {
   cursor: pointer;
   padding: 5px 0;
   position: absolute;
   left: -50px;
   top: -10px;
   width: 100px;
   height: 3.2em;
}

.row:before {
	display: none !important;
}

ul#assignmentList > li:first > div {
   margin-right: 50px;
   position: relative;
}

ul#assignmentList li div.container {
   margin-right: 50px;
   position: relative;
   height: 3.2em;
}
      
ul#assignmentList div.left,
ul#assignmentList h3.left {
   height: 1.5em;
   margin-top: 0;
   xmargin-left: 50px;
   padding-left: 20px;
}     
ul#assignmentList h3.left {
	padding-left: 0;
}
   
/* ul#assignmentList div.left span.duedate { */
/* commenting out for now, conflicts with new design ASNN-466 
span.duedate {
   display: block;
   padding-left: 30px;
   padding-top: 5px;
}
*/

ul#assignmentList div.left span.assignment_title {
   padding-left: 20px;
}

#asnn-list span.draft {
  color: #fa0b12;
  text-transform: uppercase;
}

ul#assignmentList div.left span.group {
   background: transparent url("/sakai-assignment2-tool/content/images/group.png") no-repeat top left;
}
   
ul#assignmentList div.right,
ul#assignmentList h3.right {
   height: 1.5em;
   margin-top: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: 200px;
}

ul#assignmentList li.row div.overlay {
   background: #fff;
   height: 3.3em;
   position: absolute;
   top: 0;
   width: 100%;
}

ul#assignmentList li.row div.overlayMessage {
   margin-left: 5em;
   position: absolute;
   top: 0;
   width: 80%;
}

ul#assignmentList li.row div.overlayMessage .success {
   background-color: #fff;
}
   
#override_settings_container ol {
    margin:10px 0 0 20px;
}
   
#override_settings_container label {
    margin:0;
}
   
#override_settings_container li {
    margin-top: 5px;
}

/*
 * Display of version history
 */
.versionHistory {
    margin-bottom: 1em;
}
.versionEntry {
    margin-left: 10px;
}
.versionEntry div {
    margin-left: 20px;
}



/*
 * Attachments
 */
#attachmentsFieldset ol {
    margin-bottom: 10px;
}

/* The content review status display */

.reportStatus0,.reportStatus1,.reportStatus2,.reportStatus3,.reportStatus4,.reportStatusPending
  {
  color: black !important;
  padding-left: 8px;
  padding-right: 8px;
  border-color: #BCBCBC;
  border-style: solid;
  border-width: 1px 15px 1px 1px;
}

.reportStatus0 {
  border-right: #006699 15px solid;
}

.reportStatus1 {
  border-right: #7BAC30 15px solid;
}

.reportStatus2 {
  border-right: #FFFF33 15px solid;
}

.reportStatus3 {
  border-right: #E79134 15px solid;
}

.reportStatus4 {
  border-right: #AD000E 15px solid;
}

.reportStatusPending {
  border-right: #C5C5C4 15px solid;
}

/* 
 *  Student Assignment List and Landing Page
 */

/* This class is for assignments that have been checked as completed */
h4.completed_assignment {
    color: gray;
}

/*
 * These are for the assignments options such as open date,
 * submission type, etc.
 */
.asnnOptionsLabel {
	float:left;
	width:200px;
	margin-left: 2em;
	/* border:blue solid thin; */
}

.asnnOptionsEdit {
	display:inline;
}
/* If you update the margin on .asnnOptionsLabel, make sure you update this one as well */
.asnnOptionsSubsection {
  margin-left: 2em;
}

.asnnOptionsSubsection ol {
    margin-top: 3px;
}

.asnnOptionsSubsection ol li {
  margin-top : 3px;
  }

.asnnOption {
  margin-top: 4px;
}

/*
 * Styles for our confirmation dialogs using JQuery UI Dialog
 */


.ui-dialog {
	border: solid 1px #525252;
	background-color: white;
	padding: 10px;
}
 
.ui-dialog-container {

}

.ui-dialog-content {  

}

/*
.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-dialog-buttonpane {
    display: none;
}
*/
.ui-dialog-msg-list {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position: outside; 
	list-style: none;
}

.dialog-submit {
    margin-top: 15px;
}

/* For the spinner dialog */
.spinner-dialog {
  border: 0;
  opacity: 0.50;
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
}

/* The content review status display */
.reviewReport {
  margin-left:10px;
}

.reviewReportStatus {
  margin-left: 10px;
}


/* Start Asnn Table Classes */

/* The default settings on jQuery UI Dialog 1.7 cause the overlay to appear
 * under the regular body content and cause major resizing issues when coupled
 * with our Sakai-RSF DOM Page Resizer. Copying these style settings from the
 * older version.
 */
.ui-widget-overlay {
  border-width: 0pt;
  margin: 0pt;
  padding: 0pt;
  position: absolute;
  top: 0pt;
  left: 0pt;
/*  width: 1390px;
  height: 899px; */
  opacity: 0.50;
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
  background-color: rgb(238, 238, 238);
  /* z-index: 1001;*/
}

/* Fluid Pager Stuff ========================================*/
.hidden {
    display: none;
}

.fl-pager-top, .fl-pager-bottom {
    /* padding: 0.5em; */
    /* background-color: #EEEEEE; */
    text-align: center;
}

.fl-pager-top li, .fl-pager-bottom li {
  display:inline;
}

.pager-links {
  display:inline;
}

.fl-pager-pageLink a,.fl-pager-previous a,.fl-pager-next a {
    font-size: .9em;
    text-decoration: none;
    border-bottom: solid .1em;
    margin: 0 .2em;
}

.fl-pager-previous,.fl-pager-next {
    padding: 0 1.3em 0 1em !important;
}

a.fl-pager-currentPage {
    color: #000000;
    border: 0;
    text-decoration: none;
}

.fl-pager-disabled a {
    color: #777777;
    border: 0;
    text-decoration: none;
}

#pager-top, #pager-bottom {
  padding: 10px;
}

#page-list, #page-list-bottom {
  text-align: left;
  width: 20%;
  float: left;
  padding: 0;
  margin: 0;
}

#page-arrows, #page-arrows-bottom {
  text-align: center;
  padding: 0;
  margin: 0;
}

#page-size, #page-size-bottom {
  text-align: right;
  width: 20%;
  float: right;
  padding: 0;
  margin: 0;
}
/* End Fluid Pager Classes */

/* Custom Spinner */
.spinnerDialog {
  border-width: 0pt;
  margin: 0pt;
  padding: 0pt;
  position: absolute;
  top: 0pt;
  left: 0pt;
  opacity: 0.50;
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
  background-color: white;
  /* z-index: 1001;*/
}

.unassigned-apply {
    margin-top: 10px;
    margin-bottom: 10px;
}

.unassigned-apply-button {
    padding: 3px;
}

#no-students-area {
    clear: both;
    font-style: italic;
    margin-top:65px; 
}

.supported_formats_link {
    font-size: .9em;
    margin-left: 3px;
}

/* this is a toggle-able header for showing/hiding different sections on the screen */
.toggleHeader {
    background: #EEEEEE;
    padding:3px 7px;
    font-size:1.05em;
    margin-top:10px;
    cursor:pointer;
    font-weight: bold;
}

.toggleHeaderNoBar {
    background:none;
    font-weight:bold;
    padding-left:0;
}

/* this is section will normally appear directly below the toggle header */
.subsection1 {
    margin-left: 10px;
    margin-top:9px;
}

/* Display of a page heading and subheading */
h3.mainHeading {
    font-weight: bold;
    margin: 0;
    font-size: 1.2em;
}

/* Tagging display */
#tag_header {
    margin-top: 15px;
}
.tagTable {
    width: 98%;
    border-collapse: collapse;
    margin: 10px 0px;
}
.tagTable th, td {
    padding: 3px;
}
.tagTable th {
    font-weight: bold;
    text-align: left;
    border-bottom: #C0C0C0 solid 3px;
}
a.tagDescription {
    font-size:0.9em;
    margin-left: 7px;
}

/* jQuery tooltip */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 2px dotted #777;
    background-color: #eee;
    padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }


.listCorrection ol li, .listCorrection ul li {
	margin-left:20px;
}

.restoreDefaultStyles ol li {
    list-style-type: decimal;
    margin-left:20px;
}