/* Main Body - Start */

img
{
	border:					none !important;
}

body
{
	background:				#393939;
}

#login_body
{
	background: 			#393939;
}

#spoton_login_table
{
	margin:					auto auto;
}

#spoton_login_table td
{
	margin:					3px;
}

#spoton_login
{
	text-align:				center;
	width:					99%;
	min-height:				99%;
	max-height:				99%;
	border:					1px solid #bef50c;
	border-radius:			10px;
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	-ms-border-radius:		10px;
	-o-border-radius:		10px;
}

#spoton_logo
{
	width:					150px;
	height:					53px;
	position:				absolute;
	top:					3px;
	left:					10px;
}

#login_form
{
	position:				absolute;
	top:					56px;
	left:					5px;
	width:					95%;
}

#spoton_login_table
{
	color:					#FFFFFF;
	text-align:				left;
}

#spoton_login_table button
{
	float:					right;
	margin-right:			20px;
}

#spoton_contact
{
	text-align:				center;
}

#spoton_contact ul
{
	margin-top:				0px;
	width:					85%;
}

#spoton_contact li
{
	margin-left:			-40px;
	font-size:				10px;
	line-height:			12px;
}

#user_lang, #pass_lang
{
	width:					15%;
}

#username, #password
{
	width:					85%;
	background:				#FFFFFF !important;
}

#spoton_login_details_table
{
	width:					95%;
	margin-left:			2.5%;
	text-align:				left;
}

#tech_support
{
	background-color:		#393939;
}

#tech_support p
{
	margin:					8px;
}

#tech_support p, #tech_support a
{
	font-size:				12px;
	line-height:			15px;
}

#forgot_password a, #tech_support_large_screen a
{
	color:					#FFFFFF;
}

.diagnose
{
	border-radius:			5px;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	-ms-border-radius:		5px;
	-o-border-radius:		5px;
	background:				#FFFFFF;
	margin:					4px 0;
}

.diagnose a
{
	color:					#000000 !important;
	text-decoration:		none;
	font-size:				12px !important;
}

.diagnose a:hover
{
	text-decoration:		underline;
}

#tech_support_hover
{
	cursor:					pointer;
	border-radius:			5px;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	-ms-border-radius:		5px;
	-o-border-radius:		5px;
	background:				#FFFFFF;
	color:					#000000;
}

#tech_support_hover p
{
	margin:					2px 0;
}

#tech_support_large_screen
{
	display:				none;
	color:					#FFFFFF;
	margin:					-16px 0 0 0;
}

#tech_support_large_screen p
{
	margin:					0;
}

#tech_support_text a
{
	color:					#FFFFFF !important;
}

#tech_support_text p
{
	color:					#FFFFFF !important;
}

#login_info_div
{
	color:					#FFFFFF;
	position:				absolute;
	z-index:				5000;
	left:					10px;
	width:					120px;
}

.flip_image
{
	position:				absolute !important;
	top:					6px !important;
	right:					8px !important;
	width:					25px !important;
	height:					25px !important;
	z-index:				1000 !important;
	border-radius:			0px !important;
	-webkit-border-radius:	0px !important;
	-moz-border-radius:		0px !important;
	-ms-border-radius:		0px !important;
	-o-border-radius:		0px !important;
	box-shadow:				-2px 2px 4px -2px #000000 !important;
	-webkit-box-shadow:		-2px 2px 4px -2px #000000 !important;
	-moz-box-shadow:		-2px 2px 4px -2px #000000 !important;
	-ms-box-shadow:			-2px 2px 4px -2px #000000 !important;
	-o-box-shadow:			-2px 2px 4px -2px #000000 !important;
}

/* Tile Rotate Effects - Start */
	.thumb
	{
		display:block;
		width:200px;
		height:200px;
		position:relative;
		z-index:1;
		/* margin-bottom:20px;
		margin-right:20px; */
		float:left;
	}

	.thumb-wrapper
	{
		display:block;
		width:100%;
		height:100%;
	}

	.thumb img:not(#spoton_logo)
	{
		width:100%;
		height:100%;
		position:absolute;
		z-index:1;
		display:block;
		/* border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		-o-border-radius:10px; */
	}

	.thumb .thumb-detail
	{
		display:				block;
		width:					100%;
		height:					100%;
		position:				absolute;
		_background:				#FFFFFF;
		z-index:				10;
		/* font-family:			arial;
		font-weight:			bold;
		font-size:				16px; */
		color:					#000000 !important;
		border-radius:			10px;
		-webkit-border-radius:	10px;
		-moz-border-radius:		10px;
		-ms-border-radius:		10px;
		-o-border-radius:		10px;
	}

	.thumb .thumb-detail a
	{
		_background:				#FFFFFF;
		display:				block;
		width:					90%;
		height:					90%;
		text-decoration:		none;
		letter-spacing:			-1px;
		padding:				4px;
		font-size:				11px;
		color:					#000000 !important;
		z-index:				10;
	}

	.thumb .thumb-detail a img
	{
		position:absolute;
		top:0;
		left:0;
	}

	/* Without CSS3 Scroll Up Effect */
	.thumb.scroll
	{
		overflow: hidden;
	}	

	.thumb.scroll .thumb-detail
	{
		bottom:-315px;
	}
	
	/* CSS 3D Card Flip Effect */	
	.thumb.flip
	{
		perspective:				800px;
		-webkit-perspective:		800px;
		-moz-perspective:			800px;
	}

	.thumb.flip .thumb-wrapper, .thumb.flip #spoton_login
	{
		transition:					transform 1s;
		-webkit-transition:			-webkit-transform 1s;
		-moz-transition:			-moz-transform 1s;
		transform-style:			preserve-3d;			
		-webkit-transform-style:	preserve-3d;			
		-moz-transform-style:		preserve-3d;			
	}

	.thumb.flip .thumb-detail
	{
		transform:					rotateY(-180deg);			   			
		-webkit-transform:			rotateY(-180deg);			   			
		-moz-transform:				rotateY(-180deg);			   			
	}

	#spoton_logo
	{
		backface-visibility:		hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:	hidden;
	}

	.thumb-detail
	{
		backface-visibility:		hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:	hidden;
	}

	.thumb.flip
	{
		backface-visibility:		hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:	hidden;
	}

	#spoton_login
	{
		backface-visibility:		visible;
		-webkit-backface-visibility:visible;
		-moz-backface-visibility:	visible;
	}

	.thumb.flip .flipIt
	{
		transform:					rotateY(-180deg);			
		-webkit-transform:			rotateY(-180deg);			
		-moz-transform:				rotateY(-180deg);			
	}
/* Tile Rotate Effects - End */

.footer_ad
{
	width:				18.5%;
	margin:				0 0.7%;
	margin-top:			30px;
	height:				80px;
	display:			inline-block;
	background-color:	#333333;
	text-align:			left;
	overflow:			hidden;
	float:				left;
	background-image		:url('../images/login_sprite.png');
	background-repeat		:no-repeat;
	opacity:0.95;
}

.footer_ad_logistics:hover,.footer_ad_tacho:hover,.footer_ad_insure:hover,.footer_ad_econ:hover,.footer_ad_secure:hover{
	opacity:1;
	cursor:pointer;
}

.footer_ad_logistics{
	background-position	:0% 23%;
	background-size			:173% 890%;
}

.footer_ad_tacho{
	background-position	:0% 36%;
	background-size			:173% 890%;
}

.footer_ad_insure{
	background-position	:0% 49%;
	background-size			:173% 890%;
}

.footer_ad_econ{
	background-position	:4% 62%;
	background-size			:173% 890%;
}

.footer_ad_secure{
	background-position	:0% 76%;
	background-size			:173% 894%;
}

#driver_privacy_notice_link
{
  color:#FFFFFF;
}