/* OU Styles */
/* 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-"] > 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-"] > 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:85% !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';}


/* jQuery Accordion */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer!important;
	position: relative!important;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
	background-color: #fff!important;
	background: #fff;
	border-radius: 2px;
	margin-top: 8px!important;
	color: #2F4F60!important;
	font-weight: normal;
	border: 1px solid #ccc;
	padding-right: 30px!important;
}
.ui-accordion .ui-widget-content
{
  
    background: #fff;
    color: #444;	
}
.ui-accordion .ui-accordion-content
{
	
	border: 1px solid #ccc;
}
.ui-accordion .ui-accordion-header-active
{
	background-color: #f4f4f4!important;
}

.ui-accordion .ui-accordion-header:hover {
	background-color: #f4f4f4;
}
.ui-accordion .ui-accordion-header:focus {
	outline: none;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -12px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 1em;
	border-top: 0;
	overflow: auto;
}

.ui-widget-content a {
    color: #2ba6cb!important;
}