/* main layout styles */

/* Everything should be Tahoma */
body {
	text-align: center;
	font-family: Tahoma;
	margin: 0;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
}

form, #divMainInside{
	display:table;
	height:100%;
	width:100%;
	vertical-align:middle;
}

img
{
	border:0;
	margin-bottom: -4px;
}
.nonMSIE
{
	padding: 3px 3px; 
	margin: 2px 2px;
}

input, button {
	font-family: Tahoma,Arial,Helvetica;
}

div#divMain {
	background: url("/lm_auth_proxy?LMimage=BG.jpg");
	background-size: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

div#divCenter{
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
}

#logoutMessage{
	color:white;
	padding:30px;
}

table#tblMain
{
	padding:80px 0px 80px 0px;
	background-color:rgba(0,0,0,.2);
	width:100%;
}
table.mid
{
	width: 100%;
	max-width:500px;
	border-collapse:collapse;
	padding:0px;
	color:white;
}
table.tblConn
{
    direction: ltr;
    text-align:left;
}
td.tdConnImg
{
    width: 22px;
}
td.tdCopy
{
    font-size: 100%;
}
td.tdConn
{
    padding-top: 5px;
}
td#mdLft {
	width:40%;
	
}
td#mdRt {

}
td#mdMid
{
	vertical-align: top;
	width:60%;
}

#inputs{
	width:100%;
}

td .txtpad
{
	padding: 0px 0px 0px 0px;
	text-align:left;
}
select, table
{
	color:white;
}
select, .txt
{
	color:#000000;
	background-color:#fff3c0;
	border: 2px solid #a4a4a4;
	margin: 1px 1px; 
}
.txt
{
	padding:3px;
}
.nowrap
{
	white-space:nowrap;
}
hr
{
	height: 0px; 
	visibility: hidden;
}
.l
{
	text-align:left;
}
.r
{
	text-align:right;
}
/* logon page specific styles */
a
{
	color:#ff6c00;
	text-decoration:none;
}
.wrng
{
	color:#fffff;
	font-size: 1.1rem;
}
.disBsc
{
	color:#999999;
}
.expl
{
	color:#999999;
}
.w100, .txt
{
	width:100%;
}
.txt
{
	margin:1px;
}
.rdo
{
	margin:0px 12px 0px 32px;
}
tr.expl td, tr.wrng td
{
	padding:2px 0px 4px 0px;
}
tr#trSec td
{
	padding:3px 0px 8px 0px;
}
/* language page specific styles */
td#tdLng
{
	padding:12px 0px 12px 0px;
}
td#tdTz
{
	padding:8px 0px 8px 0px;
}
select#selTz
{
	padding:0px;
	margin:0px;
}
td#tdOptMsg
{
	padding:10px 0px 10px 0px;
}
td#tdOptChk
{
	padding:0px 0px 15px 65px;
}
td#tdOptAcc
{
	vertical-align:middle;
	padding:0px 0px 0px 3px;
}
select#selLng
{
	margin:0px 16px;
}
/* logoff page specific styles */
td#tdMsg
{
	margin:9px 0px 64px;
}
.dir
{
	direction: ltr;
}
.align
{
	text-align:left;
}
.padding
{
	padding-left:42px;
}
/* styles for logon page with script disabled */
div#dvErr
{
	padding:0px 0px 3px 3px;
	background-color: #FCBC9C;
	border:solid 1px #B43038;
}
div#dvErr table
{
	color:#000000;
}
div#dvErr a
{
	color:#3F52B8;
}
td.kmgTL, td.kmgBL
{
	width: 456px;
}
td.kmgTR, td.kmgBR
{
	width: 45px;
}
table.tblLgn
{
	padding: 0px; 
	margin: 0px; 
	border-collapse:collapse;
	width: 100%;
}

#nopub td:first-child, #nopub1 td:first-child{
	text-align:right;
	padding-right:5px;
}

#nopub1 td{
	padding-bottom:20px;
}

#passid td, #pascid td, #pinid td{
	padding-bottom:20px;
}

input[type=text], input[type=password] {
	padding: 10px;
	width: calc(100% - 24px);
	margin-left: 20px;
}

input[type=submit] {
	background-color: #e92033;
	padding: 15px;
	color: white;
	border-radius: 0;
	border-style: none;
	width: 100%;
	margin-left: 20px;
	margin-bottom: 20px;
}

a:link, a:visited {
  background-color: #3688f4;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: #36e7f4;
}

.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: rgb(220 0 0 / 100%);
  background-image: linear-gradient(
    to top left,
    rgb(0 0 0 / 60%),
    rgb(0 0 0 / 20%) 30%,
    rgb(0 0 0 / 0%)
  );
  box-shadow:
    inset 2px 2px 3px rgb(255 255 255 / 60%),
    inset -2px -2px 3px rgb(0 0 0 / 60%);
}

.styled:hover {
  background-color: rgb(255 0 10 / 100%);
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgb(255 255 255 / 80%),
    inset 2px 2px 3px rgb(0 0 0 / 60%);

#logoResponsive{
	display:none;
}

@media(max-width:860px){
	td#mdLft{
		width:0;
	}

	td#mdLft img{
		display:none;
	}
	td#mdMid{
		width:100%;
	}
	table.mid {
		margin-left: auto;
		margin-right: auto;
		width:calc(100% - 15px);
	}
	#logoResponsive{
		display:block;
		padding-bottom:40px;
	}

	.mid.tblConn{
		text-align:center;
		padding-left:10px;
		padding-right:10px;
	}
}

@media(max-width:340px){
	
}