/* neStyles
//
// Site Design and Implementation by Evadne Wu, ev@monoceroi.com
// http://portfolio.monoceroi.com
//
// For more information, email me ;)
//
*/


@import url("tbStyles.reset.css");

body, body * {

	font: 48px/72px "Helvetica Neue";
	font-weight: 100;

}





#tbView td,
#tbView td object {

	transition-duration: 1s;
	transition-timing-function: linear;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: linear;

}

.noAnimation,
.noAnimation * {

	transition-duration: 0s;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;

}





body {

	background: #B4B4B4;

}

#tbWrapper {

	margin: auto;
	
	min-width: 100%;
	min-height: 100%;

}

#tbView {

	margin: auto;

	border-collapse:separate;
	border-spacing:36px 36px;

}

	#tbView td, 
	#tbView td object {

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

	}

	#tbView td {
	
		min-height: 216px;
		height: 216px;
		min-width: 288px;
		border-spacing: 36px;
		
		background: white;
	
		-webkit-box-shadow: 2px 2px 5px #888;
		-moz-box-shadow: 2px 2px 5px #888;
		box-shadow: 2px 2px 5px #888;
	
	}
	
	#tbView td.loading {
	
		background: #EEE;
	
		-webkit-animation-name: 'tbLoading';
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
	
	}
	
		@-webkit-keyframes 'tbLoading' {
		
			from	{ background: #EEE;	}
			50%	{ background: white;	}
			to	{ background: #EEE;	}
		
		}
		
	#tbView td.done {
	
		background: black;
	
	}

	#tbView td object {
	
		opacity: 0;
	
	}
	
	#tbView td.done object {
	
		opacity: 1;
	
	}
	
#tbInformation {

	width: 720px;
	margin: 0 auto;

}

	#tbInformationQuery {
	
		width: 720px;
		margin: 0 auto;
		border: none;
		background: transparent;
		outline: none;
		
		color: white;
		
		text-align: center;
		text-shadow: -1px -1px #999;
	
	}
	
		#tbInformationQuery.unclear {
		
			-webkit-animation-name: 'tbWaningText';
			-webkit-animation-duration: 6s;
			-webkit-animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: infinite;
		
		}
		
			@-webkit-keyframes 'tbWaningText' {
			
/*
				from	{ background: white;	}
				50%	{ background: #CCC;	}
				to	{ background: white;	}
*/
			
			}
			
	#tbInformationHelp,
	#tbInformationHelp span {
	
		font-size: 16px;
		line-height: 27px;
		font-weight: 500;
		text-align: center;
		color: gray;
	
	}

	#tbInformationHelp span {
	
		padding: 2px 5px;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		background: #999;
		color: #666;
		
		cursor: pointer;
	
	}
	
		#tbInformationHelp span:hover {
		
			color: white;
		
		}