/* ///////////// ///////////// 
styles for template_interops and template_interoplevels
*/

/* ///////////// shared (move to main) /////////////  */

.editLink{float:right;}
.clear{clear:both;}
.debug{display:none;}

body.debug .debug{display:inherit;}

.hide{display:none;}
a.expander{
	background-image:url('../img/circle-plus.png');
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:15px;
	cursor:pointer;
}
a.expander.opened{
	background-image:url('../img/circle-minus.png');
}
/*
a.expander:before{
	content:"+";
}

a.expander.opened:before{
	content:"-";
}*/


/*///////////// interops ///////////// */


/*so we don't get a flicker before expander hides these.*/
.interoperability{display:none;}

#top .Interop_HD
{
	color:#FFFFFF;
	background-color:#2f0a45;
	
	text-align:center;
	padding:10px;
	margin-top:20px;
	font-family:"Lato";
	font-size:21px;
	font-weight:bold;
	margin-bottom:0;
}

.InteropSm_Hd{
border-top:solid 1px #2f0a45;
	background-color:#551679;
	font-family:"bebas-neue";
	font-size:24px;
	clear:both;
	
}
.InteropSm_Hd a{
	color:white;
	font-weight:normal;
	cursor:pointer;
	text-decoration:none;
	display: block;
	padding:5px 20px;
	margin-left:5px;
}
.InteropSm_Hd a:hover{
	color:#cbdf90;
	background-color:#663186;
}



dl.interoperability{
	border:solid 1px #CCC;
	border-top:none;
	padding:0px;
	overflow:hidden;
}
.interoperability dt{
	float:left;
	width:15%;
	
	border-right:solid 1px #CCC;
	padding:3px;
	
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	
}
.interoperability dd{
	padding:3px;
	float:left;
	padding-left:10px;
	width:85%;

	
}
.interoperability dt:nth-child(even),
.interoperability dd:nth-child(odd){
	background-color:#f8f8f8;
}

/*///////////// interop levels ///////////// */


#top table.interoptable  tr.red td, 
.error{
	color:red;
	font-weight:bold;
	font-size:120%;
	}
#top table.interoptable  tr.green td{
	color:green;
	font-weight:bold;
	font-size:120%;
	}


table.interoptable {}

table.interoptable th{
	background-color:#551679;
	font-family:"bebas-neue";
	font-size:20px;
	color:white;
	font-weight:normal;
	
}

#top .InteropSm_Hd a{color:white;}