img
{
	border:				none !important;
}

#login_body
{
	font-family:		Calibri, Tahoma, Arial, sans-serif !important;
	background-image: url('../images/login_background.jpg');;/*
	background-color:	#ECE9DE;*/
	background-color:	#000000;
	overflow:			visible;
	margin:				0
}

#login_messages
{
	position:			relative;
	min-height:			30px;
	max-height:			30px;
}

#login_info_div{
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	position: absolute;
    width: 100%;
	top:0px;
	background-color:#446135;
}

#login_error_div
{
	background:			#D9524F;
	background:			rgba(217, 82, 79, 0.8);
	font-weight:		bold;
	color:				#FFFFFF;
	text-align:			center;
}

#footer_logo
{
	position:			absolute;
	bottom:				10px;
	right:				10px;
	width:				175px;
	min-height:			50px;
	max-height:			50px;
	background-image:	url('../images/login_sprite_v2__VERSION__.png');
	background-repeat:	no-repeat;
	background-position:0px -393px;
	overflow:			hidden;
}

#log_in_footer
{
	font-family:		Calibri, Tahoma, Arial, sans-serif !important;
	position:			absolute;
	left:				0;
	right:				0;
	padding:			10px 0
}

#log_in_footer #title p
{
	margin:				0;
	font-size:			14px;
	color:				#FFFFFF;
}

#log_in_footer #title div
{
	position:			absolute;
	top:				0px;
	left:				114px;
	width:				67px;
	min-height:			16px;
	max-height:			16px;
	background-image:	url('../images/login_sprite_v2__VERSION__.png');
	background-repeat:	no-repeat;
	background-position:0px -596px;
	overflow:			hidden;
}

#trakm8_title
{
	width:				234px;
	min-height:			31px;
	max-height:			31px;
	background-image:	url('../images/login_sprite_v2__VERSION__.png');
	background-repeat:	no-repeat;
	background-position:0 -136px;
	overflow:			hidden;
}

#trakm8_diagnose
{
	width:				20px;
	min-height:			20px;
	max-height:			20px;
	background-image:	url('../images/login_sprite_v2__VERSION__.png');
	background-repeat:	no-repeat;
	background-position:-235px -136px;
	overflow:			hidden;
}

.banner
{
	width:				100px;
	height:				100px;
	float:				left;
	background-image:	url(../images/login_products.png);
	background-repeat:	no-repeat;
	opacity:			0.85;
	cursor:				pointer;
}

.banner:hover
{
	opacity:1
}

.banner.cz
{
	background-image:	url(../images/login_products_cz.png)
}

.banner.ad_logistics
{
	background-position	:0 0;
}

.banner.ad_tacho
{
	background-position	:-100px 0;
}

.banner.ad_insure
{
	background-position	:-200px 0;
}

.banner.ad_econ
{
	background-position	:-300px 0;
}

.banner.ad_secure
{
	background-position	:-400px 0;
}

#log_in_box
{
	font-family:		Calibri, Tahoma, Arial, sans-serif !important;
	position:		absolute;
    width:			400px;
	min-height:		325px;
	background:		url(../images/login_box_bg.png);
    -webkit-box-shadow:		1px 1px 15px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:		1px 1px 15px 0px rgba(0, 0, 0, 0.8);
    box-shadow:			1px 1px 15px 0px rgba(0, 0, 0, 0.8);
	text-align:		left;
    border-radius:		20px;
    -moz-border-radius:		20px;
    -webkit-border-radius:	20px;
	color:			#FFFFFF;
}

#log_in_box p
{
	font-size:				20px;
	font-weight:			normal;
	margin:					4px 0 8px 0;
}

#log_in_box_header
{
	color:					#000;
	background:				#FFF;
	background:				rgba(255,255,255,0.7);
	padding:				8px 16px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#log_in_box_footer
{/*
	background:				#009EE3;
	background: 			rgba(0,158,227,0.7);*/
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background: -moz-linear-gradient(left, rgba(68,97,53,0.7) 0%,rgba(68,97,53,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,97,53,0.7)), color-stop(100%,rgba(68,97,53,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(68,97,53,0.7) 0%,rgba(68,97,53,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(68,97,53,0.7) 0%,rgba(68,97,53,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(68,97,53,0.7) 0%,rgba(68,97,53,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(68,97,53,0.7) 0%,rgba(68,97,53,1) 100%); /* W3C */
}

#log_in_fields
{
	padding:				6px 0 6px 16px;
}

#log_in_table td:nth-child(1)
{
	width:					1%;
	white-space:			nowrap;
	text-align:				right;
}

#log_in_table td:nth-child(2)
{
	width:					100%;
}

#log_in_table input
{
	font-family:			Calibri, Tahoma, Arial, sans-serif !important;
	border:					2px solid #000000;
	padding:				3px;
	width:					90%;
}

#log_in_table td
{
	font-size:				18px;
}

#log_in_news
{
	margin: 10px 16px;
	color: #FFF
}

#log_in_news p
{
	font-size:			12px;
}

#log_in_news p:first-child
{
	font-weight:		bold;
}

#trakm8_tech_supp
{
	padding:				0 16px 16px;
}

#trakm8_tech_supp p
{
	font-size:			12px;
	color:				#FFFFFF;
	margin:				2px 0;
}

#trakm8_tech_supp a
{
	color:				#FFFFFF;
}

#language
{
	position:			absolute;
	top:				-40px;
	width:				500px;
	min-height:			60px;
	z-index:			100;
	text-align:			center;
	padding:			0;
}

#language_header
{
	width:				140px;
	height:				20px;
	border-radius:		0 0 10px 10px;
	background:			#333333;
	margin:				0 0 0 196px;
	cursor:				pointer;
}

#language_header p
{
	color:				white;
	font-weight:		bold;
	line-height:		20px;
	margin:				-1px 0 0 8px;
	float:				left;
}

#language_wrapper
{
	width:				450px;
	overflow:			hidden;
	white-space:		nowrap;
	background:			#333333;
	margin-left:		25px
}

#language_flags
{
	min-height:			40px;
	max-height:			40px;
	overflow:			hidden;
}

#language_flags a
{
	margin:				5px 6px;
	width:				50px;
	height:				30px;
	cursor:				pointer;
	float:				left;
	background-image:	url(../images/login_sprite_v2__VERSION__.png);
}

#left{
	position:			absolute;
	left:				-5px;
	width:				30px;
	background:			#446135;
	line-height:		40px;
	color:				white;
	cursor:				pointer;
}

#right{
	top					: 0;
	right				: 11px;
	color				: #FFFFFF;
	width				: 30px;
	cursor				: pointer;
	position			: absolute;
	line-height		: 40px;
	background	: #446135;
}

.arrow_hover
{
	background:			#FFFFFF;
	color:				#3EB5E9;
}

#language_indicator
{
	background:			url(../images/login_sprite_v2__VERSION__.png);
	position:			relative;
	top:				2px;
	right:				10px;
	width:				25px;
	float:				right;
	height:				15px;
	display:			none
}

#login_message
{
	position:			absolute;
	border:				2px solid #FFFFFF;
	color:				#FFFFFF;
	text-align:			center;
	padding:			5px;
	font-weight:		bold;
	width:				94%;
	bottom:				139px;
	background:			#009EE2;
	left:				2.5%;
}

#news_message
{
	text-align:			left;
	color:				#FFFFFF;
	font-weight:		bold;
}

#diag
{
	position:			absolute;
	top:				5px;
	right:				5px;
	cursor:				pointer;
	border:				none;
}

.ui-tooltip {
	display:			inline-block;
	padding:			3px 6px;
	border:				2px solid #000000;
	border-radius:		10px;
}

#diagnose_tooltip
{
	background:				#FFFFFF;
	border:					2px solid #000000;
    border-radius:			5px;
    -moz-border-radius:		5px;
    -webkit-border-radius:	5px;
	padding:				3px 9px;
	position:				absolute;
	display:				none;
    -webkit-box-shadow:		5px 5px 10px -5px #000000;
    -moz-box-shadow:		5px 5px 10px -5px #000000;
    box-shadow:				5px 5px 10px -5px #000000;
}

#diagnose_tooltip p
{
	margin:					0;
}

#privacy_policy_consent_div
{
	position:absolute;
	width:35%;
        top:2%;
	font-family:Arial;
	font-size:11pt;
	border: 3px solid rgb(62,181,233);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background-color:whitesmoke;
	z-index:900;
	display:none;
	padding:3px;
}

#forgotten_password
{
	width:					500px;
	position:				absolute;
	border-radius:			10px;
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	-ms-border-radius:		10px;
	-o-border-radius:		10px;
    box-shadow:				5px 5px 10px -5px #000000;
    -webkit-box-shadow:		5px 5px 10px -5px #000000;
    -moz-box-shadow:		5px 5px 10px -5px #000000;
    -ms-box-shadow:			5px 5px 10px -5px #000000;
    -o-box-shadow:			5px 5px 10px -5px #000000;
	background:				#FFFFFF;
	color:					#000000;
	border:					2px solid #000000;
	font-size:				16px;
	display:				none;
}

#forgotten_password table
{
	width:					480px;
	padding:				10px;
}

#inner_dev
{
	background:				#000;
	color:					#FFF;
	line-height:			26px;
}

.fp_submit
{
	padding:				6px;
	font-weight:			bold;
	cursor:					pointer;
	border:					2px solid #FFFFFF;
    background:				rgb(62,181,233);
    border-radius:			10px;
    -moz-border-radius:		10px;
    -webkit-border-radius:	10px;
	color:					#FFFFFF;
}

.fp_submit:hover
{
    border:					2px solid rgb(62,181,233);
    background:				#FFFFFF;
	color:					rgb(62,181,233);
}

#forgot_click:hover
{
	text-decoration:		underline;
	cursor:					pointer;
}

.privacy_policy_consent_button
{
    background-color: #00AEEF;
    background-image: none;
    border: 1px solid #3d81ef;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
    float: none;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 700;
    margin-right: 12px;
    padding: 6px 10px;
}

#remember_settings
{
	text-align:				left !important;
	display:				none;
}

#privacy_consent_info{
    display:table-row;
    width:60%;

}

#recent-news
{
	background:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:5px solid #00AEEF;
	border-bottom:none;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	position:absolute;
	bottom:0;
	left:10px;
	text-align:left;
	padding:10px 0;
	display:none;
	opacity:0;
	transition:opacity .25s ease;
	width:250px;
}

#recent-news.active
{
	display:block;
	opacity:1
}

#recent-news.collapsed
{
	background:#00AEEF;
	width:initial;
	padding:5px 32px 5px 0;
}

#recent-news:before
{
	content:'';
	background:	url(../images/login_sprite_v2__VERSION__.png);
	background-position:0 -300px;
	width:64px;
	height:64px;
	position:absolute;
	top:-50px;
	right:-42px;
}

#recent-news.collapsed:before
{
	background-position:-64px -322px;
	width:42px;
	height:42px;
	top:-20px;
	right:10px;
}

#recent-news h3
{
	border-bottom:1px solid rgba(0,0,0,0.2);
	color:#333;
	font-size: 18px;
	font-weight:500;
	margin:0 10px 10px
}

#recent-news.collapsed h3
{
	color:#FFF;
	border:none;
	margin-bottom:0
}

#recent-news small
{
	font-size:80%;
	font-weight:400;
	color:#777
}

#recent-news p
{
	margin:0
}

#recent-news img
{
	float:left;
	margin:0 10px 0 0;
	width:100px;
	height:auto
}

#recent-news a
{
	display:block;
	text-decoration:none;
	background:#FFF;
	transition:background-color .3s ease;
}

#recent-news a:hover
{
	background:rgba(0,0,0,0.1)
}

#recent-news .post
{
	padding:10px
}

#recent-news .post:before,
#recent-news .post:after
{
	clear:both;
	content:" ";
	display:table
}

#login_table_div{
    position: absolute;
    top: 30%;
    width: 25%;
    height: 31%;
    min-width: 426px;
    max-width: 426px;
    min-height: 206px;
    max-height: 206px;
    border: 3px solid #737373;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
}

#news_title_div{
	position: absolute;
    bottom: 0px;
    width: 100%;
	color:#FFFFFF;
}

#copyright_div{
	position: absolute;
    bottom: 0px;
}

.login_release{
	position:relative;
	width:100%;
	height:100%;
	background-image: url('../images/login_background.jpg');
    background-size: 100% 100%;
}

.login_form{
	position: absolute;
    left: 50%;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    min-width: 420px;
    max-width: 420px;
    min-height: 200px;
    max-height: 200px;
    order-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
}

.login_logo{
	position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('../images/assettrak_logo.jpg');
}

.login_elements{
	position: absolute;
    width: 100%;
    height: 62%;
    min-height: 125px;
    max-height: 125px;
    bottom: 0px;
    background-image: url('../images/metal_bg_210.png');
}

.login_button_container{
	position: absolute;
    top: auto;
    bottom: 110px;
    right: 0;
    width: 113px;
    height: 120px;
}

#login_button{
	border: 0px;
	outline: none;
	padding: 0px;
	width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    cursor: pointer;
	background-image: url('../images/login_sprite_v2__VERSION__.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 9px -170px;
	z-index:50;
}

/*#login_button:active
{
	background-position : -8px -170px;
}*/

#login_button:hover{
	opacity: 0.9;
}

.login_element{
	position:relative;
	float:left;
	width:100%;
	margin-top:2%;
}

#login_pss_wrap{
	position:relative;
	float:left;
	width:70%;
	height:100%;
	max-width:560px;
}

#logo_wrap{
	position: relative;
    float: left;
    width: 100%;
    height: 30%;
    min-height: 75px;
    max-height: 75px;
}

#login_label{
	position: absolute;
    top: 50%;
    left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);
    display:none;
	width: 70%;
    height: 34%;
    font-weight: bold;
    font-size: 30px;
    color: #3A3A3A;
}

.login_pss_container{
	width:35%;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
}

.login_ps_container{
	position:absolute;
	top:50%;
	-ms-transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	transform:translate(0%,-50%);
}

.login_label{
	position: absolute;
    left: 50%;
    transform: translate(2%,-50%);
    top: 25%;
	z-index:1;
}