@import url("../Common/Style/LmsCommonStyle.aspx");

div.adminPortletPanel {
    display: block;
    text-align: center;
	border-style: solid;
	border-width: 1px;
    padding: 10px;
    margin: 0px 0px 20px 0px;
}
div.adminPortletPanel a {
    padding-left: 28px;
    background: transparent url(../../../ui/common/images/PortletImages/Icons/portlet_admin_icon.gif) no-repeat top left;
}

.unit-popup #ui-datepicker-div {
	position: fixed !important;
}
.courseOrgPortlet .coSectionHeaderUnit {
	font-size: 14px;
	margin-bottom: 5px;
	clear: both;
}
.courseOrgPortlet .unit-description-text ul {
	margin-left: 40px;
}
.courseOrgPortlet .unit-description-text ul li {
	list-style-type: disc;
}

.courseOrgPortlet .coSectionHeaderOverview 
{
    float: left;
    cursor: pointer;
    
}
.courseOrgPortlet .coSectionHeaderText {
    float: left;
}
.courseOrgPortlet .coOverviewArrow {
     background: transparent url('../../../ui/common/images/PortletImages/Icons/16/bullet_arrow_down.png') no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 5px;
}
.courseOrgPortlet .coHeaderIcon {
    float: left;
    margin: 0px 10px;
}
.courseOrgPortlet .coItemGroup {
    margin-bottom: 10px;
}
.courseOrgPortlet .coItemGroup .glyphicons {
    font-size: 18px;
}
.courseOrgPortlet .overview {
    clear: both;
    width: 100%;
}
.courseOrgPortlet .overview-col {
	padding: 0;
}

.courseOrgPortlet .coOverviewLink a {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.courseOrgPortlet .overview-col-one {
	border-right-style: solid;
	border-right-width: 1px;
	padding-bottom: 40px;
}
.courseOrgPortlet .overviewColumn:first-child {
	border-left: none;
}
.courseOrgPortlet .overviewColumn {
    display: block;
}
.courseOrgPortlet .coOverviewChild {
	padding: 5px;
    padding-left: 43px;
    display: block;
	position: relative;
}

.courseOrgPortlet .coOverviewStatus {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.courseOrgPortlet .coOverviewNextDueDate {
	border-top-style: solid;
	border-top-width: 1px;
}
.courseOrgPortlet .coSectionContainer {
	margin-top: 25px;
}
.courseOrgPortlet .coOverviewNextDueDate {
    background:transparent url('../../../ui/common/images/PortletImages/Icons/32/book.png') 5px 5px no-repeat;
}
.courseOrgPortlet .coOverviewNextEvent {
    background:transparent url('../../../ui/common/images/PortletImages/Icons/32/calendar.png') 5px 5px no-repeat;
}
.courseOrgPortlet .coOverviewLastNews {
    background:transparent url('../../../ui/common/images/PortletImages/Icons/32/newspaper.png') 5px 5px no-repeat;
}
.courseOrgPortlet .coOverviewStatus {
    background:transparent url('../../../ui/common/images/PortletImages/Icons/32/user.png') 5px 5px no-repeat;
}
h4 {
	margin-bottom: -5px;
}

.courseOrgPortlet .coOverviewName {
    clear: left;
    font-weight: bold;
    font-size: 14px;
}
.courseOrgPortlet .panelContainer {
	margin-bottom: 30px;
}
.courseOrgPortlet .coUnitDetailContainer {
	padding-top: 30px;
    clear: both;
}
.courseOrgPortlet .mainScreen .pageFooter {
    height: 1px;
    clear: both;
}
.courseOrgPortlet .coOverviewDateTitle {
    font-weight: bold;
}
.courseOrgPortlet .coOverviewLink a {
	padding-right: 10px;
}
.courseOrgPortlet .coOverviewByLine {
    clear: both;
    margin: 2px 0 2px 0;
}
.courseOrgPortlet .orgUnitModal{
	padding-right: 5px;
}
.courseOrgPortlet .modalDiv,
.courseOrgPortlet .modalDiv .classicModal-innerModal {
	max-width: 600px;
}
.courseOrgPortlet .addUnitOrTypePopup {
	padding: 0 10px;
}
.courseOrgPortlet .modalDiv .ui-dialog-titlebar h5 {
	border: none;
	font-weight: bold;
}
.courseOrgPortlet .addUnitOrTypePopup .optionalHint {
    font-style: italic;
    font-size: 80%;
}

.courseOrgPortlet .courseOrganizerAlert {
	border-style: solid;
	border-width: 1px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.courseOrgPortlet .coListResourcesHidden {
    display: none;
}
.courseOrgPortlet .coListShowAll {
    font-weight: bold;
}

/* Admin screen */

.courseOrgPortlet .adminScreen .pageHeader {
    padding-left: 5px;
}
.courseOrgPortlet .adminScreen .pageHeader .description {
    padding-top: 10px;
}
.courseOrgPortlet .adminScreen .pageHeader,
.courseOrgPortlet .adminPanel
{
    padding-bottom: 20px;
}
.courseOrgPortlet .adminPanel {
    display: block;
    padding-left: 10px;
}
.courseOrgPortlet .adminPanel .mainIcon,
.courseOrgPortlet .adminPanel .mainText {
    float: left;
    padding-bottom: 10px;
}
.courseOrgPortlet .adminPanel .mainText {
    max-width: 90%
}
.courseOrgPortlet .adminPanel .mainIcon {
    margin-right: 10px;
}
.courseOrgPortlet .adminPanel .noIcon {
    width: 32px;
}
.courseOrgPortlet .adminPanel .option {
    display: block;
    padding-top: 10px;
}
.courseOrgPortlet .adminPanel .option input {
    float: left;
    padding: 0px;
    margin: 0px 5px 0px 0px;
}
.courseOrgPortlet .backButton {
    float: right;
}
.courseOrgPortlet .adminScreen .pageFooter {
    clear: both;
    margin-bottom: 20px;
}
.courseOrgPortlet .descriptivePanel .description {
    padding-top: 5px;
    padding-left: 5px;
}
.courseOrgPortlet .descriptivePanel .option {
    padding-left: 5px;
}
.courseOrgPortlet #divEditUnitContentLink a {
    text-decoration: underline;
    cursor: pointer;
}
.courseOrgPortlet #divEditUnitContentButtons {
    padding-top: 20px;
}
.courseOrgPortlet #divUnitContentTitle {
    font-weight: bold;
    padding-bottom: 5px;
}

.courseOrgPortlet .unitContent {
    margin: 5px;
}

.courseOrgPortlet .unitContent .description {
    margin: 5px;
}

.courseOrgPortlet .unitContent .adminButton.addMode {
    padding-left: 20px;
}
.courseOrgPortlet .unitContent .adminButton.editMode {
    padding-left: 24px;
}
.courseOrgPortlet .mainScreen .resourceList.sorting > * {
    position: relative;
	border-style: solid;
	border-width: 1px;
    padding: 5px 5px 5px 27px;
    margin: 5px;
    cursor: all-scroll;
}

.courseOrgPortlet .resourceContainer .reorderHandle {
    display: none;
}

.courseOrgPortlet .mainScreen .resourceList.sorting .reorderHandle {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 22px;
	background-image: url('../../../ui/common/images/PortletImages/Icons/drag-handle.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.courseOrgPortlet .resourceContainer .reorder-handle-accessible {
    display: none;
}

.courseOrgPortlet .mainScreen .resourceList.sorting .reorder-handle-accessible {
	display: block;
	float: right;
	
}
.courseOrgPortlet .mainScreen .resources-content {
	display: inline-block;
}
.courseOrgPortlet .mainScreen .resourceList.sorting .resource-manual-order-up {
	display: list-item;
	margin-bottom: -12px;
	margin-top: -3px;
	padding-left: 3px;
}
.courseOrgPortlet .mainScreen .resourceList.sorting .resource-manual-order-down {
	padding-left: 3px;
}
.courseOrgPortlet .adminScreen .buttons {
    clear: both;
    padding-bottom: 20px;
}
.courseOrgPortlet .contentEntry .buttons {
	margin-top: 10px;
}


.courseOrgPortlet .adminScreen .detailList.sorting > * {
	border-style: solid;
	border-width: 1px;
    padding: 5px 5px 5px 18px;
    cursor: all-scroll;
    position: relative;
}

.courseOrgPortlet .adminScreen .reorderButton {
    background: transparent url('../../../UI/Common/Images/PortletImages/Icons/16/arrow_switch.png') no-repeat 10px 7px;
    padding-left: 30px;
}

.courseOrgPortlet .adminScreen .detailList .reorderHandle {
    display: none;
}

.courseOrgPortlet .adminScreen .detailList.sorting .reorderHandle {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 22px;
    background:
              url('../../../ui/common/images/PortletImages/Icons/drag-handle.gif') center center no-repeat,
              url('../../../UI/Common/Images/PortletImages/Icons/drag-handle-line.gif') top left repeat;
}
.courseOrgPortlet .adminScreen .detailList .reorder-handle-accessible {
    display: none;
}

.courseOrgPortlet .adminScreen .detailList.sorting .reorder-handle-accessible {
	display: block;
	float: right;
	width: 16px;
	right: 14px;
	position: relative;
}

.courseOrgPortlet .adminScreen .detailList.sorting .reorder-handle-accessible a span.icon-arrow-down {
	font-size: 10px;
}

	.courseOrgPortlet .linkButton {
		text-decoration: underline;
		cursor: pointer;
		border: none;
	}

.courseOrgPortlet .course-org-arrow-nav-container {
	padding-top: 15px;
}
.courseOrgPortlet .course-org-unit-row {
	margin-bottom: 30px;
}
.courseOrgPortlet .course-org-arrow-nav-container .arrow-nav {
    font-size: 28px;
}
.courseOrgPortlet .edit-unit:hover,
.courseOrgPortlet .add-unit:hover {
    cursor: pointer;
}

.courseOrgPortlet .course-org-code-entry-form-group-container {
	margin-top: -14px;
}

.courseOrgPortlet .course-org-code-entry-alert-container,
.courseOrgPortlet .course-org-code-entry-success-container {
	margin-left: 0;
}

.courseOrgPortlet .course-org-code-entry-text-box {
	width: 200px;
}

.courseOrgPortlet .course-org-code-entry-input-container {
	width: 340px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.courseOrgPortlet .course-org-code-entry-session-info-text {
	font-size: 120%;
}

.courseOrgPortlet .course-org-code-entry-button {
	margin-top: -4px;
}

@media screen and (max-width: 768px) {
	.courseOrgPortlet .overview-col {
		border-right: none;
	}
	.courseOrgPortlet .coOverviewChild {
		border-top: none;
	}
	.courseOrgPortlet .coListContainer {
		max-width: 80%;
	}
	.courseOrgPortlet .resourceList a,
	.courseOrgPortlet .resourceList span {
		display: inline-block;
	}
	.courseOrgPortlet .resources-content {
		width: 90%;
	}
	.courseOrgPortlet .orgUnitModal {
		padding-right: 0;
	}
	.courseOrgPortlet .modalDiv .addUnitOrTypePopup .unit-type-date-cell {
		display: inline-block;
	}
}

@media screen and (min-width: 375px) {
	.courseOrgPortlet .orgUnitModal {
		padding-right: 0;
	}
	.courseOrgPortlet .orgUnitModal {
		padding-right: 0;
	}
	.courseOrgPortlet .modalDiv .addUnitOrTypePopup .unit-type-date-cell {
		display: inline-block;
	}
}

/* Special Styling required for unique eLearning popups */

.CourseworkPortlet .uploadFilePanelHeader{
	border-style: solid;
	border-width: 1px;
	border-radius: 4px 4px 0px 0px;
	outline: 0;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.35);
	margin: 10px;
	padding-left: 15px;
}

.CourseworkPortlet .uploadFilePanelHeader + table{
	border-style: solid;
	border-width: 1px;
	border-radius: 0px 0px 4px 4px;
	outline: 0;
	box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.35);
	padding: 10px;
	margin: 10px;
}

.CourseworkPortlet .uploadFilePanelHeader > .closeIcon{
	cursor: pointer;
}