.ou-justedit-region {
	/*background-color: #FFFFFF !important;*/
	/*color: #000000 !important;*/
	padding: 15px;
	width: 80%;
}
/* Fix issue with bootstrap buttons in WYSIWYG */
.ou-justedit-region .btn{
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;	
}

table[class^=ou-]{ width: 100%; cursor: default; margin-bottom: 4rem !important; }

table[class^="ou-"] img:not(.mce-object-iframe):not(.mce-object-video) { max-width: 100%; max-height: 100%; width: auto; height: auto; }

table[class^="ou-"], .mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
	border-collapse: collapse;
    border-spacing: 0px;
	border: 1px solid #b1b1b1;
	box-sizing: border-box;
}

table[class^="ou-"] thead tr th, table[class^="ou-"] tbody tr th, table[class^="ou-"] caption, table[class^="ou-"] thead tr td { font-weight: 800; }

table[class^="ou-"] thead tr th, table[class^="ou-"] tbody tr th, table[class^="ou-"] caption, table[class^="ou-"] thead tr td, table[class^="ou-"] tbody tr td{
	color: #000;
	font-size: 14px;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

table[class^="ou-"] thead tr th, table[class^="ou-"] tbody tr th, table[class^="ou-"] caption {
    background: none repeat scroll 0 0 #f0f0f0;
	color: #333;
	font-weight: 600;
    font-size: 14px;
}

table[class^="ou-"] caption {
	font-size: 18px;
	text-align: center;
	background-image: linear-gradient(to bottom,#f9f9f9,#d3d3d3);
	margin: 0px;
    border-bottom: 0;
}

/********************************
 * START Table Input Hint Styling
 ********************************/

/* Generic table "tool-tip/alert" info styling */
table[class^="ou-"] th:before,
table[class^="ou-"] td:before,
table[class^="ou-"] caption:before,
table[class^="ou-"]:before {
	display: block;
	padding: 5px 15px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

/********************************
 * END Table Input Hint Styling
 ********************************/

table.ou-faculty-details > tbody > tr > td.link::before { content: 'Optional.'; }
table.ou-faculty-details > tbody > tr > td.additional-info::before { content: 'Optional. Use unordered list with up to 3 items.'; }

table.ou-captioned-image-video > tbody > tr > td.video::before { content: 'Optional.'; }
table.ou-captioned-image-video > tbody > tr > td.caption::before { content: 'Optional.'; }

table.ou-three-across > thead > tr > td.heading::before { content: 'Optional.'; }
table.ou-three-across > thead > tr > td.link::before { content: 'Optional.'; }
table.ou-three-across > thead > tr > td.slider::before { content: 'Select Yes to render as slider when more than 3 items exist.'; }

table.ou-accordion > thead > tr > td.main-heading::before { content: 'Optional.'; }
table.ou-accordion > thead > tr > td.sub-heading::before { content: 'Optional.'; }

table.ou-two-columns > colgroup > col { width: 50% !important; }
table.ou-two-columns > tbody > tr:nth-child(1) > td:before { content: 'Add your content and style via WYSIWYG editor toolbar' ; }
table.ou-two-columns > tbody > tr:nth-child(1) > td:nth-child(n+3):before, 
table.ou-two-columns > tbody > tr:nth-child(n+2) > td:before { content: 'This content will NOT be added to the columns' !important; }

table.ou-three-columns > colgroup > col { width: 33.33% !important; }
table.ou-three-columns > tbody > tr:nth-child(1) > td:before { content: 'Add your content and style via WYSIWYG editor toolbar' ; }
table.ou-three-columns > tbody > tr:nth-child(1) > td:nth-child(n+4):before, 
table.ou-three-columns > tbody > tr:nth-child(n+3) > td:before { content: 'This content will NOT be added to the columns' !important; }


table.ou-homepage-slide-news > tbody > tr > td.links::before { content: 'Bulleted list of links or Asset named "Homepage - News".'; }

header.header { display: none; } /* The header was causing issues with the WYSIWYG editor. So removing it while editing. */

/* Select Lists styling [START] */
table[class^="ou-"] [data-select-list] {
    cursor: pointer;
}
ul.ou-select-list {
    max-height: 200px;
    max-width: 400px;
    overflow-y: auto;
    list-style-type: none;
    padding-left: 5px;
    margin: 0;
    position: relative;
}
ul.ou-select-list li {
    padding: 4px;
    cursor: pointer;
	margin-bottom: 0;
	display: list-item;
	line-height: initial;
	font-size: initial;
	font-weight: initial;
}
ul.ou-select-list li:hover { background-color: #ADD8E6; }
ul.ou-select-list li.active { background-color: #0077b1; }
/* Select Lists styling [END] */

.content-wrapper .ou-justedit-region ul > li {
	display: list-item;
}


/* Course Catalog */
table.ou-pull-course > tbody > tr > td:nth-of-type(1):before { content: 'Please enter a Course <Number> and the data will be fetched from the Course Data file.'; }
table.ou-course-catalog-program-listing > tbody > tr:nth-of-type(1) > td:nth-of-type(1):before { content: 'Please determine the heading for the table.'; }
table.ou-course-catalog-program-listing > tbody > tr:nth-of-type(1) > td:nth-of-type(2):before { content: 'Please enter program page links. The links will be sorted alphabetically on output.'; }

img[class ^= "ou-exclude-web"], img[class ^= "ou-exclude-pdf"] {
	opacity: 0.5;
}

[class ^= "ou-exclude-pdf"], [class ^= "ou-exclude-web"] {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	border-style: solid;
	border-radius: 4px;
	border-width: 1px;
	padding-left: 2em;
}

[class ^= "ou-exclude-pdf"] {
	background-image: url('exclude_pdf.png');	
	background-color: #FFCDCD;	
	border-color: #FC9393;	
	color: #8B0000;
}

[class ^= "ou-exclude-web"] {
	background-image: url('exclude_web.png');
	background-color: #D6EFF7;
	border-color: #A0DDE2;
	color: #4F2FF8;
}

hr.ou-catalog-page-break,hr.ou-catalog-column-break {
	background-color: #fff;
	margin: 3em 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 2px;
	height: 2em;
	color: #ddd;
}

hr.ou-catalog-page-break:before, hr.ou-catalog-column-break:before {
	content: 'PDF Page Break';
	font-style: italic;
	color: #717171;
}

hr.ou-catalog-column-break:before {
	content: 'PDF Column Break';
}
/* Course Catalog */