@media all
{

	body
	{
		text-align: center;
		font-family: arial;
		color:#000000;
		text-align:left;
		font-size:.8em;
	}
	
	a:link
	{
		text-decoration:none;
		color:#303030;
	}
	
	a:visited
	{
		text-decoration:none;
		color:#303030;
	}

	a:hover
	{
		text-decoration:none;
		color:#909090;
	}

	a:active
	{
		text-decoration:none;
		color:#909090;
	}
	
	a.menu:link
	{
		text-decoration:none;
		color:#D0D0D0;
	}
	
	a.menu:visited
	{
		text-decoration:none;
		color:#D0D0D0;
	}
	
	a.menu:hover
	{
		text-decoration:none;
		color:#F0F0F0;
	}
	
	a.menu:active
	{
		text-decoration:none;
		color:#F0F0F0;
	}
	
	.side
	{
		line-height:200%;
		vertical-align:middle;
	}
	
	.content
	{
		line-height:175%;
		vertical-align:middle;
	}
	
	.player-stats
	{
		line-height:200%;
		vertical-align:middle;
		letter-spacing:1px;
	}
	
	a.delete:link
	{
		text-decoration:none;
		color:#702020;		
	}
	
	a.delete:active
	{
		text-decoration:none;
		color:#DD0000;		
	}
	
	a.delete:hover
	{
		text-decoration:none;
		color:#DD0000;		
	}
	
	a.delete:visited
	{
		text-decoration:none;
		color:#702020;		
	}
	

	.Input input, .Input textarea, .Input select
	{
		position:relative;
		z-index:2;
		border:0px;
		margin:0px;
		background-color:Transparent;
		border:1px solid #fff;
		padding:0px;
		font-family:Arial;
		font-style:;
		font-size:.9em;
		color:#000000;
	}

	.Input
	{
		float:left;
		border:1px solid #bbbcbc;
		border-left:0px;
		background-image:url(InputBG.png);
		background-repeat:no-repeat;
		padding:2px 2px 2px 4px;
		position:relative;
	}

	.imInput
	{
		float:left;
		border:1px solid #bbbcbc;
		padding:4px 4px 4px 4px;
		position:relative;
	}
	
	.mobile
	{
		font-family: arial;
		color:#000000;
		font-size:1.5em;
	}
	
	#imName
	{
		font-family: arial;
		color:#444444;
		font-size:0.8em;
		display: inline-block;
	}
	
	#imDate
	{
		font-family: arial;
		color:#777777;
		font-size:0.6em;
		display: inline-block;
		padding-left: 5px
	}
	
	.fade-in.zero.bubble
	{
		background-color: #FFFFFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}
	

	
	.bubble
	{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
		position: relative;
	}

	.bubble.right
	{
		background-color: #DDDDFF;
		word-wrap: break-word;
	}
	
	.bubble.left
	{
		background-color: #DDFFDD;
		word-wrap: break-word;
	}
	
	.bubble.left.new
	{
	
	}
	
	.bubble.right.new
	{
	
	}
	
	#imContent
	{
		position: 'relative';
	}
	
	#imForm
	{
		padding-left: 15px;
		padding-top: 0px;
		padding-right: 15px;
		height: 40px;
	}
	
	#imContainer
	{

	}
	
	#imWindow
	{
		border:1px solid #bbbcbc;
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	
	.imSpace
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.imSpace.left
	{
		padding-right: 40px;
		padding-left: 15px;
	}
	
	.imSpace.right
	{
		padding-left: 40px;
		padding-right: 15px;
	}


	#menu
	{
		letter-spacing:1px;
		width: 100%;
		text-align: justify ;
	}

	#menu span
	{
		word-spacing: 1000px;
	}
	
	td
	{
		font-size: .8em;
	}

	/* make keyframes that tell the start state and the end state of our object */
	@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
	.fade-in 
	{
	    opacity:0;  /* make things invisible upon start */
	    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	    -moz-animation:fadeIn ease-in 1;
	    animation:fadeIn ease-in 1;
	 
	    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	    -moz-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	 
	    -webkit-animation-duration:1s;
	    -moz-animation-duration:1s;
	    animation-duration:1s;
	}

	.fade-in.zero
	{
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
		animation-delay: 0s;
	}
	.fade-in.one
	{
		-webkit-animation-delay: 0.2s;
		-moz-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}
	.fade-in.two
	{
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}
	.fade-in.three
	{
		-webkit-animation-delay: 1.0s;
		-moz-animation-delay: 1.0s;
		animation-delay: 1.0s;
	}


	.slideDown
	{
		animation-name: slideDown;
		-webkit-animation-name: slideDown;	

		animation-duration: 1s;	
		-webkit-animation-duration: 1s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;	
	
		visibility: visible !important;						
	}

	@keyframes slideDown 
	{
		0% {
			transform: translateY(-300%);
		}
		100% {
			transform: translateY(0%);
		}		
	}

	@-webkit-keyframes slideDown 
	{
		0% {
			-webkit-transform: translateY(-300%);
		}
		100% {
			-webkit-transform: translateY(0%);
		}	
	}

}