.ou-justedit-region {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	padding: 15px;
	width: 98%;
}
/* 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) { 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;
    caption-side: top;
}

/********************************
 * 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
 ********************************/

/* example of helper text */
table.ou-table-class > tbody > tr > td:nth-child(1):before { content: 'Add your content and style via WYSIWYG editor toolbar'; }


/* please make you add this to the default wysiwyg css as well as verify that the default helper styling is present in that file */

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

/* news boxes */
table.ou-news-boxes > colgroup > col:nth-child(1) { width: 33% !important; }
table.ou-news-boxes > colgroup > col:nth-child(2) { width: 33% !important; }
table.ou-news-boxes > colgroup > col:nth-child(3) { width: 34% !important; }
table.ou-news-boxes > tbody > tr:nth-child(1) > td:nth-child(1):before { content: 'News box 1 row 1 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(1) > td:nth-child(2):before { content: 'News box 1 row 2 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(1) > td:nth-child(3):before { content: 'News box 1 row 3 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(2) > td:nth-child(1):before { content: 'News box 2 row 1 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(2) > td:nth-child(2):before { content: 'News box 2 row 2 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(2) > td:nth-child(3):before { content: 'News box 2 row 3 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(3) > td:nth-child(1):before { content: 'News box 3 row 1 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(3) > td:nth-child(2):before { content: 'News box 3 row 2 link (required) and text'; }
table.ou-news-boxes > tbody > tr:nth-child(3) > td:nth-child(3):before { content: 'News box 3 row 3 link (required) and text'; }