/*!
 * WYSIWYG STYLING: SNIPPETS 
 * OmniUpdate, Inc.
*/

/* table transformation styling */
table[class^="ou-"] {
	background: rgba(225, 225, 235, 0.05);
	width: 100%;
	border: 2px solid #bbb;
	border-bottom: 4px solid #bbb;
	margin: 15px 0;
}

table[class^="ou-"] > caption {
	background: none repeat scroll 0 0 rgba(11, 72, 107, 0.85);
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	padding: 5px;
	cursor: not-allowed;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	border: 2px solid #bbb;
}

table[class^="ou-"] > thead > tr > th,
table[class^="ou-"] > tbody > tr > th {
	background: none repeat scroll 0 0 rgba(185, 185, 195, 0.5);
	color: #666;
	cursor: not-allowed;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	border: 1px dashed #bbb;
}

table[class^="ou-"] > thead > tr > td,
table[class^="ou-"] > tbody > tr > td {
	padding: 5px 5px;
	color: #424242;
	vertical-align: top;
	border: 1px dashed #bbb;
}

/* if needed to fit image in it's row when it is too large */
table[class^="ou-"] img,
table[class^="ou-"].mceItemTable img {
	max-width: 100%;
}

table[class^="ou-"] td.ou-value {
	border: 1px solid #bbb !important;	
}

/* Table Forms */
table[class^="ou-"].form > tbody > tr > th:first-child {
	width:20%; 
}
table[class^="ou-"].form > tbody > tr > td {
	border: 1px solid #bbb !important;
	color: #424242;
}
table[class^="ou-"].form > tbody > tr:nth-of-type(even) {background-color: #EEE;}

/* Vertical Form (for skinny regions) */
table[class^="ou-"].form-vertical > tbody > tr > td:first-child,
table[class^="ou-"].form-vertical > tbody > tr > th:first-child {padding-left:2px;}
table[class^="ou-"].form-vertical > tbody > tr:nth-of-type(4n+3),
table[class^="ou-"].form-vertical > tbody > tr:nth-of-type(4n+4) {background-color: #EEE;}

/* Accordion */
table.ou-accordion > thead > tr > td,
table.ou-accordion > tbody > tr > td {width:25% !important;}
table.ou-accordion > tbody > tr:nth-of-type(even) {background-color: #EEE;}
table.ou-accordion > tbody > tr:nth-of-type(odd) {border-top: 2px solid black;}
table.ou-accordion > tbody > tr:nth-of-type(odd) > th::before {content: 'Expand Title';}
table.ou-accordion > tbody > tr:nth-of-type(even) > th::before {content: 'Content Area';}

/* Tabs */
table.ou-tabs > thead > tr > td,
table.ou-tabs > tbody > tr > td {width:85% !important;}
table.ou-tabs > tbody > tr:nth-of-type(even) {background-color: #EEE;}
table.ou-tabs > tbody > tr:nth-of-type(odd) {border-top: 2px solid black;}
table.ou-tabs > tbody > tr:nth-of-type(odd) > th::before {content: 'Tab Title';}
table.ou-tabs > tbody > tr:nth-of-type(even) > th::before {content: 'Tab Content';}

/* Columns (supports up to 3) */
table.ou-columns > tbody > tr > td:nth-of-type(1) {width: auto !important;}
table.ou-columns > tbody > tr > td:nth-of-type(n+2) {width: 33.33% !important;}
table.ou-columns > tbody > tr > td:nth-of-type(2n):last-child {width: 50% !important;}

/* Image Gallery (Table) */
table.ou-image-gallery tbody tr:nth-of-type(3n) 
	{border-bottom-style:"solid"; border-bottom-width:thick; border-bottom-color:black;}
table.ou-image-gallery tbody tr:nth-of-type(3n+1) th::before {content: 'Image';}
table.ou-image-gallery tbody tr:nth-of-type(3n+2) th::before {content: 'Text Caption';}
table.ou-image-gallery tbody tr:nth-of-type(3n) th::before {content: 'Link';}

/* Image Gallery (Callouts) */
table.ou-callout-gallery tbody tr:nth-of-type(4n) 
	{border-bottom-style:"solid"; border-bottom-width:thick; border-bottom-color:black;}
table.ou-callout-gallery tbody tr:nth-of-type(4n+1) th::before {content: 'Image';}
table.ou-callout-gallery tbody tr:nth-of-type(4n+2) th::before {content: 'Title';}
table.ou-callout-gallery tbody tr:nth-of-type(4n+3) th::before {content: 'Text Caption';}
table.ou-callout-gallery tbody tr:nth-of-type(4n) th::before {content: 'Link';}

/* Image Block */
table.ou-image > tbody > tr > td,
table.ou-image > tbody > tr > th {width:auto !important;}
table.ou-image.align-right {margin-left:10px;}
table.ou-image.align-left {margin-right:10px;}



/* Miscellaneous Styles */
figure.image figcaption {border: 1px dashed black;}

p.spacer {
	margin: 5px 0 20px;
	color: red;	
}

p.spacer::before {
	content:"Click here to insert another snippet.";
}

.ou-help {
	font-size: 16px !important;
	text-align:center!important;
	background: #013C66;
	color:white;
	font-weight:none;
	cursor: not-allowed;
	user-select: none;
	-o-user-select:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-user-select: none;
}

.ou-help p { 
    color:#FFFFFF;
	margin-bottom:0px;
	margin-top:0.5em;
}