/* - - - - - - - - - - - - - - - - - - - - -
	author: Brent C. Wilson
	Created: 06/01/2009
	- - - - - - - - - - - - - - - - - - - - - */

	/* TABLE OF 21ST CENTURY SKILLS */
	#skills_frameworks {
		width: 646px;
		margin: 0 30px;
	}
	#skills_frameworks,
	#skills_frameworks th,
	#skills_frameworks td {
		border-collapse: collapse;
		border: 2px solid #DDDDDD;
		padding: 0;
	}
	#skills_frameworks .activeRow {
		background-color: #e6e6e6;
		color: #ffa500;
	}
	#skills_frameworks .activeCol {
		background-color: #e6e6e6;
		color: #ffa500;
	}
	#skills_frameworks .activeCell,
	#skills_frameworks .activeCell a {
		background-color: #ffa500;
		color: white;
	}
	#skills_frameworks .activeCell a {
		font-weight: bold;
		font-size: 2em;
	}
	#skills_frameworks .data a {
		display: block;
		border: none;
		margin: 0;
		padding: 0;
		line-height: 44px;
		height: 100%;
		width: 100%;
	}

	#skills_frameworks td.data,
	#skills_frameworks td.focusHead,
	#skills_frameworks td.frameworkHead,
	#skills_frameworks td.skillHead {
		width: 50px;
	}
	
	#skills_frameworks td.data div.details { display: none; }
	
	#skills_frameworks td.data {
		vertical-align: middle;
		text-align: center;
	}

	/* Sprite-ification */
	#skills_frameworks td,
	#skills_frameworks th {
		/*background: #fff url(sprite.png) 1000px 1000px no-repeat;*/
		background: #fff url(sprite_serif.gif) 1000px 1000px no-repeat;
	}
	
	#skills_frameworks thead th {
		background-color: #FAFAFA;
		background-position: -2px -2px;
		text-indent: -9999px;
		height: 48px;
	}
	
	#skills_frameworks #bigblock {
		height: 197px;
		width: 230px;
		background-position: -2px -52px;
		text-indent: -9999px;
		padding: 0;
	}
	
	#skills_frameworks .focusHead { height: 45px; padding: 0; }
	#skills_frameworks .focusHead span { display: none; text-indent: -9999px; }
	#skills_frameworks #focus1 { background-position: -234px -52px; }
	#skills_frameworks #focus2 { background-position: -390px -52px; }
	#skills_frameworks #focus3 { background-position: -442px -52px; }
	#skills_frameworks #focus4 { background-position: -494px -52px; }
	#skills_frameworks #focus5 { background-position: -546px -52px; }
	#skills_frameworks #focus6 { background-position: -598px -52px; }
	#skills_frameworks #focus1.activeCol { background-position: -235px -99px; }
	#skills_frameworks #focus2.activeCol { background-position: -391px -99px; }
	#skills_frameworks #focus3.activeCol { background-position: -443px -99px; }
	#skills_frameworks #focus4.activeCol { background-position: -495px -99px; }
	#skills_frameworks #focus5.activeCol { background-position: -547px -99px; }
	#skills_frameworks #focus6.activeCol { background-position: -599px -99px; }
	
	#skills_frameworks .frameworkHead { height: 150px; padding: 0; }
	#skills_frameworks .frameworkHead span { display: none; text-indent: -9999px; }
	#skills_frameworks #framework1 { background-position: -234px -146px; }
	#skills_frameworks #framework2 { background-position: -286px -146px; }
	#skills_frameworks #framework3 { background-position: -338px -146px; }
	#skills_frameworks #framework4 { background-position: -390px -146px; }
	#skills_frameworks #framework5 { background-position: -442px -146px; }
	#skills_frameworks #framework6 { background-position: -494px -146px; }
	#skills_frameworks #framework7 { background-position: -546px -146px; }
	#skills_frameworks #framework8 { background-position: -598px -146px; }
	#skills_frameworks #framework1.activeCol { background-position: -235px -298px; }
	#skills_frameworks #framework2.activeCol { background-position: -287px -298px; }
	#skills_frameworks #framework3.activeCol { background-position: -339px -298px; }
	#skills_frameworks #framework4.activeCol { background-position: -391px -298px; }
	#skills_frameworks #framework5.activeCol { background-position: -443px -298px; }
	#skills_frameworks #framework6.activeCol { background-position: -495px -298px; }
	#skills_frameworks #framework7.activeCol { background-position: -547px -298px; }
	#skills_frameworks #framework8.activeCol { background-position: -599px -298px; }
	
	#skills_frameworks .skillHead { padding: 0; }
	#skills_frameworks .skillHead span { display: none; text-indent: -9999px; }
	#skills_frameworks #skill1 { background-position: -2px -251px; height: 92px; }
	#skills_frameworks #skill2 { background-position: -2px -345px; height: 92px;  }
	#skills_frameworks #skill3 { background-position: -2px -439px; height: 231px;  }
	#skills_frameworks #skill4 { background-position: -2px -674px; height: 92px;  }
	#skills_frameworks #skill5 { background-position: -2px -768px; height: 92px;  }
	#skills_frameworks #skill6 { background-position: -2px -862px; height: 45px;  }
	#skills_frameworks #skill1.activeRow { background-position: -55px -251px; }
	#skills_frameworks #skill2.activeRow { background-position: -55px -345px; }
	#skills_frameworks #skill3.activeRow { background-position: -55px -439px; }
	#skills_frameworks #skill4.activeRow { background-position: -55px -674px; }
	#skills_frameworks #skill5.activeRow { background-position: -55px -768px; }
	#skills_frameworks #skill6.activeRow { background-position: -55px -862px; }
	
	#skills_frameworks .subcompHead { width: 178px; height: 45px; padding: 0; }
	#skills_frameworks .subcompHead span { display: none; text-indent: -9999px; }
	#skills_frameworks #subcomp1 { background-position: -106px -450px; }
	#skills_frameworks #subcomp2 { background-position: -106px -497px; }
	#skills_frameworks #subcomp3 { background-position: -106px -544px; }
	#skills_frameworks #subcomp4 { background-position: -106px -591px; }
	#skills_frameworks #subcomp5 { background-position: -106px -638px; }
	#skills_frameworks #subcomp6 { background-position: -106px -685px; }
	#skills_frameworks #subcomp7 { background-position: -106px -732px; }
	#skills_frameworks #subcomp8 { background-position: -106px -779px; }
	#skills_frameworks #subcomp9 { background-position: -106px -826px; }
	#skills_frameworks #subcomp10 { background-position: -106px -873px; }
	#skills_frameworks #subcomp11 { background-position: -106px -920px; }
	#skills_frameworks #subcomp12 { background-position: -106px -967px; }
	#skills_frameworks #subcomp13 { background-position: -106px -1014px; }
	#skills_frameworks #subcomp14 { background-position: -106px -1061px; }
	#skills_frameworks #subcomp1.activeRow { background-position: -287px -450px; }
	#skills_frameworks #subcomp2.activeRow { background-position: -287px -497px; }
	#skills_frameworks #subcomp3.activeRow { background-position: -287px -544px; }
	#skills_frameworks #subcomp4.activeRow { background-position: -287px -591px; }
	#skills_frameworks #subcomp5.activeRow { background-position: -287px -638px; }
	#skills_frameworks #subcomp6.activeRow { background-position: -287px -685px; }
	#skills_frameworks #subcomp7.activeRow { background-position: -287px -732px; }
	#skills_frameworks #subcomp8.activeRow { background-position: -287px -779px; }
	#skills_frameworks #subcomp9.activeRow { background-position: -287px -826px; }
	#skills_frameworks #subcomp10.activeRow { background-position: -287px -873px; }
	#skills_frameworks #subcomp11.activeRow { background-position: -287px -920px; }
	#skills_frameworks #subcomp12.activeRow { background-position: -287px -967px; }
	#skills_frameworks #subcomp13.activeRow { background-position: -287px -1014px; }
	#skills_frameworks #subcomp14.activeRow { background-position: -287px -1061px; }

	
	#skills_frameworks td.data div.details {
		position: fixed;
		top: 25%;
		left: 50%;
		margin: 0 auto;
		width: 250px;
		border: 2px solid #333;
		background-color: #111;
		color: #eee;
		padding: 15px;
		text-align: left;
		font-size: .85em;
	}
	#skills_frameworks td.data div.details div.close {
		position: absolute;
		right: 5px;
		top: 5px;
	}