@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,300italic,600italic);
body { font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { margin:  0 0 0.5em 0; line-height: 1em; font-weight: 700; font-size: 100%; font-style: normal; color: #2DAC62; font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif; }

a { color: #2DAC62;}
.csc-frame-ma a { color: #cc391f;}

p { margin-top: 0; }
.toggle-header { padding-top: 2px; color: #2DAC62; }
.csc-frame-ma .toggle-header { color: #cc391f; }

/* Grey Box */
.csc-default,
.csc-frame {
	display: inline;
	float: left;
	margin: 0 10px 35px 0;
	padding: 5px 5px 0 5px;	/*CHANGED:*/
	overflow: visible;
	width: 170px;
	height: 175px;	/*CHANGED:*/
	border-top: 5px solid #2DAC62;
	background-color: #484848;
}
/* NUR MA */
.csc-frame-ma {
	border-top: 5px solid #9E2511;
}

/* always visible */
#outer .holder {
	padding:0em;
}

	/* unclicked styles div.show | div.hide */
	#outer div.more div.show, 
	#outer div.more div.hide {
		display: block;
		cursor:pointer;
		position: absolute;
		z-index: 2;
		overflow: hidden;
		width: 160px;
		margin: -5px 0 0 -5px;
		padding: 4px 8px 4px 8px;	/*CHANGED:*/
		border: 2px solid #ccd2d7;
		background: url("img/icon-toggle-plus.png") no-repeat scroll right center #ebf2f6;
		color: #2DAC62;		/*CHANGED:*/
		font-size: 0.85em;		/*CHANGED:*/
		font-weight: normal;		/*CHANGED:*/
	}
	/* NUR MA */
	#outer .csc-frame-ma div.more div.show, 
	#outer .csc-frame-ma div.more div.hide {
		color: #9E2511;
	}
	#outer div.more div.hide {
		display:none;
	}

		/* grey swapbox */
		#outer div.more div.swapbox {
			height: 0.0em;
			width: 160px;
			margin: -5px 0 0 -5px;
			padding: 0em 10px 10px 10px;
			position: absolute;
			z-index: 1;
			overflow: hidden;
			background-color: #363636;

			opacity: 0.9;			/* IE9, FF1, CHR4, SAF4, OPE9 */
			-moz-opacity: 0.9;		/* older MOZ */
			-khtml-opacity: 0.9;		/* older Webkit? */
			filter:alpha(opacity=90);	/* IE 8,7,6 */

			color: #ccc;
		}

	/* clicked styles div.click ... */
	#outer div.click div.show {
		display:none;
	}
	#outer div.click div.hide {
		display: block;
		margin: 10px -10px 0 -10px;
		padding: 5px 8px 4px 8px;
		border: 2px solid #bbc4ca;
		background: url("img/icon-toggle-minus.png") no-repeat scroll right center #ebf2f6;
		color: #667580;
		font-weight: normal;
	}
	/* NUR MA */
	#outer .csc-frame-ma div.click div.hide {
		color: #667580;
	}
	#outer div.click div.shadow-team-matrix {
		border: none;
		margin: 3.20em 0 0 -10px;
		padding: 0;
		width: 180px;
		background: url("img/swapbox-shadow-team-matrix.png") no-repeat scroll right center;
		background-color: transparent;
		height: 62px;
	}

		#outer div.click div.swapbox {
			/*display: block;*/
			height: auto;
			z-index: 3;
			overflow: visible;
		}