@charset "UTF-8";
/* CSS Document */

/*  all media  */
	@media all
	{
		/* global */
		* 							{ margin:0; padding:0; } html { overflow-y:scroll; }
		body						{ font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:12px; color:#222; }

		/*	layout */
		.center			{ width:1000px; margin:0 auto; }
					
		#content	{ background:#fff; padding:10px 14px 10px 14px; }
			#content-left 	{ width:790px; margin:0 20px 0 0; float:left; }
			#content-right 	{ width:180px; float:right; margin: 80px 0 0 0; }
				#content-right a	{ float:left; padding-right:10px; display:block; width:125px; height:125px; }
		
		/* stuff */
		.clear 						{ clear:both; }
		.exhead						{ background:#e8f0f6; border-top:1px solid #fff; color:#000; padding:10px 10px; font-size:120%; }
			.exhead a				{ color:#6D84B4; }
		.intro						{ background:#ffd987; font-style:italic; padding:5px 10px; margin-bottom:20px; }
		.relative					{ position:relative; }
		
		/* links */
		a								{ color:#222; }
		a:link, a:visited			{ text-decoration:none; }
		a:hover, a:active			{ text-decoration:underline; }
		a img							{ border:0; }
		
	}
	
	/*table styling */
		table               { border-collapse: separate; margin:10px 0 14px 0; }
		.single				{ border:1px solid #666;}
			.single img				{visibility:visible; border:none; }
			.single:hover {background:#fff;}
		td                  { border: 1px solid #8ebdfc; padding: 3px; height:50px; width:75px; text-align:center; -moz-border-radius: 8px; border-radius: 8px;  -moz-box-shadow:inset -2px -2px 8px rgba(231,238,247, 0.4); -webkit-box-shadow:inset -3px -3px 3px rgba(231,238,247, 0.4); box-shadow:inset -3px -3px 3px rgba(231,238,247, 0.4);}
			td img {visibility:hidden;}
		.column-hover		{ background:#e8f2fe; }
			.column-hover.clicked { background:#e8f2fe url(../img/icon_check.png) center no-repeat;}
			.column-hover.single { background:#6CF; -moz-box-shadow:inset -2px -2px 8px rgba(102,183,228, 0.4); -webkit-box-shadow:inset -3px -3px 3px rgba(102,183,228, 0.4); box-shadow:inset -3px -3px 3px rgba(102,183,228, 0.4); } 
		.row-hover			{ background:#e8f2fe; }
			.row-hover .single { background:#6CF; -moz-box-shadow:inset -2px -2px 8px rgba(102,183,228, 0.4); -webkit-box-shadow:inset -3px -3px 3px rgba(102,183,228, 0.4); box-shadow:inset -3px -3px 3px rgba(102,183,228, 0.4); } 
		.cell-hover			{ background:#fff000; border:1px solid #666;  -moz-box-shadow:inset -2px -2px 8px rgba(245,187,48, 0.4); -webkit-box-shadow:inset -3px -3px 3px rgba(245,187,4, 0.4); box-shadow:inset -3px -3px 3px rgba(245,187,4, 0.4); }
			.cell-hover	img, .cell-hover a img 	{ visibility:visible; border:none; }

		.blank			{ border:1px solid #9c9c9c; background:#FFF;  } 
		.clicked { background:url(../img/icon_check.png) center no-repeat; }
			.clicked:hover 	{ background:#fff000; }

/* title bar */
	.topbar { width:100%; height:6px; background:#6CF; }
	.titlebar { font-size:32px; color:#000; font-weight:bold; margin:4px 0 16px 0; }
	.message { font-size: 16px; font-weight:normal; color:#59bdef; padding:4px 0 4px 0; }
	.logotext { color:#000; }
	
/* footer */
	.footer {margin:0 24px 0 0;}
	.add2 {float:right;}