/*
		Tenet Blue 236192
		Tenet Orange F68D2E
		Tenet Light Gray BBBCBC
		Tenet Medium 888B8D
		Tenet Dark 2D2926
	*/
	html, body, .log-in-center .log-in-center>tr, .log-in-center>td{width: 100%;}
    body {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 12px;
        line-height: 1.42857143;
        color: #888b8d;
        background-color: #fff;
        margin: 0;
    }    

    img {border: 0;}    
    a {color: #888b8d; text-decoration: underline; background: transparent;}
    a:hover,
    a:focus {color: #2a6496;}
    a:active,
    a:hover {outline: 0;}
    a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}

	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}


	.login-row:before,
	.login-row:after {display: table; content: " ";}
	.login-row:after {clear: both;}
	.login-row {margin: 0;}

	.col-01, .col-02, .col-03, .col-04, .col-05, .col-06 {position: relative; min-height: 1px;}


	label {
		display: inline-block;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.form-control {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}

	.form-control:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	}
	
	.form-control::-moz-placeholder {color: #999; opacity: 1;}
	.form-control:-ms-input-placeholder {color: #999;}
	.form-control::-webkit-input-placeholder {color: #999;}
	.form-control[disabled],
	.form-control[readonly] {
		cursor: not-allowed;
		background-color: #eee;
		opacity: 1;
	}


	.login-main {
		/*
		min-height: 238px;
		min-width: 282px;

		*/
		width: 92%;
		max-width: 640px;		
		margin: 0 4%;
		background: transparent url('images/etenet_bngd.png') no-repeat left -80px;
		text-align: left;
		background-clip: inherit;
	}
	.login-row, .form-inline {padding-bottom: 6%;}
	.login-logo {position: relative; margin-top: 2%; margin-bottom: 4%; width: 100%; height: 100%; max-width: 281px; max-height: 55px;}

	.login-alert {background-color: #ffffff; border: 1px solid #62999c; padding: 4%; border-radius: 0; font-size: 10px;}
	.login-alert h5 {display: inline; color: #f68d2e; font-weight: normal; font-size: 13px;}  

	.form-group {display: block; width: 100%; text-align: left; margin-bottom: 0; padding-bottom: 2%;}
	.form-control {border: 1px solid #707070; width: 100%; border-radius: 0;}
	.control-label {margin-bottom: 0;}
  
	.login-btn {
		color: #ffffff;
		border-radius: 6px;
		border-top: 1px solid #5f5f5f;
		border-right: 2px solid #000000;
		border-left: 1px solid #5f5f5f;
		border-bottom: 2px solid #000000;
		background-color: #f68d2e;
		font-family: verdana;
		font-size: 160%;
		padding: 6px;
		width: 100%;
		font-weight: bold;
		-moz-box-shadow:   inset  1px 1px 0px 0px #fabb82;
		-webkit-box-shadow: inset 1px 1px 0px 0px #fabb82;
		box-shadow:        inset  1px 1px 0px 0px #fabb82;
		text-shadow: 1px 1px #100b06;
		position: relative;    
	}
	.login-again {margin-top: 3%;}

	.login-links p {margin: 0 0 1% 0; padding: 0; font-weight: bold;}
	.login-links p.login-forgot {font-size: 90%; font-weight: normal; margin-bottom: 3%;}
	.login-links p a {font-weight: normal;}
	.login-links p {margin: 0 0 1% 0; padding: 0;}

	.login-bullets, .logout-bullets {border-top: 2px solid #f68d2e; padding: 1% 0; font-size: 11px;}
	.login-bullets ul {margin: 0; padding-left: 0; list-style: none;}
	.login-bullets li { padding-left: 14px; margin-bottom: 1%; background: transparent url("images/etenet-bullet-orange.png") no-repeat left center;}


	.logout-text {margin: 14% 0 1% 0;}
	.log-in-center {width: 100%;}


	@media (min-width: 500px) {   
		html, body, html>body>.log-in-center, .log-in-center, .log-in-center>tr, .log-in-center>tr>td {position: relative; height: 100%;}	
		
		.log-in-center {width: 99%; height: 100vh; margin-left: 1%; min-height: 580px;}
		.log-in-center>td {vertical-align: middle; text-align: center;}

		.col-01, .col-02, .col-03, .col-04, .col-05, .col-06 {float: left;}
		.col-01 {width: 60%;}
		.col-02 {width: 40%;}
		.col-03 {width: 85%;}
		.col-04 {width: 15%;}
		.col-05 {width: 100%;}
		.col-06 {width: 100%; min-height: 70px;}	

		.login-main {margin: 0 auto; background-position: left top;}
		.login-logo {position: relative; margin-top: 23%; margin-right: 8%; float: right;}
		
		.login-alert {padding: 6%; font-size: 12px; margin-left: 4%; margin-bottom: 6%;}
		.login-alert h5 {font-size: 14px;}  

		.login-row {padding-bottom: 2%;}
		.form-inline {padding-bottom: 0;}
		.form-group {text-align: right; margin-bottom: 0; padding-bottom: 1%;}
		.form-control {width: 164px; height: auto; padding: 2px 8px;}

		.form-inline .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle;}
		.form-inline .form-control {display: inline-block; width: auto; vertical-align: middle;}
		.form-inline .control-label {margin-bottom: 0; padding-right: 2%; vertical-align: middle;}

		.login-btn {
			font-size: 120%;
			padding: 10px 8px;
			width: auto;
			margin-top: 10%;
			margin-left: 4%;
			float: right;
		}
		.login-again {margin-top: 2%; font-size: 110%; padding: 4px 8px;}

		.login-links p {text-align: right;}
		.login-links p.login-forgot {font-size: 90%; font-weight: normal; margin-bottom: 2%;}
		.login-links p a {font-weight: normal;}
		.login-links p {margin: 0 0 .5% 0; padding: 0;}

		.logout-text {text-align: right;}
		.no-padding {padding-bottom: 0% !important;}

		

		.login-main {position: relative; }


		.col-02 {min-height: 140px; max-height: 500px; overflow: visible;
			display: table-cell;
   			vertical-align: middle;
   			padding: 0;

}
.login-alert {position: absolute; bottom: 0; margin: 0; display: table-cell; left: 0; right: 0;
   			}

/*  
			display: table-cell;
   			vertical-align: bottom;

   			position: absolute; bottom: 0;
		
*/


	}

/* Safari and Chrome - CSS Position Hack */
                @media screen and (min-width: 500px) and (-webkit-min-device-pixel-ratio:0) {
                                html, body, html>body>.log-in-center, .log-in-center, .log-in-center>tr, .log-in-center>td {
                                                position: fixed; 
                                }
                }

/* Chrome 29+ (and Opera 16+)  - CSS Position Hack  */
                @media (min-width: 500px) {   
                                @supports (-webkit-appearance:none) and (justify-content:inherit) and (min-width: 500px)  {
                                                                html, body, html>body>.log-in-center, .log-in-center, .log-in-center>tr, .log-in-center>td {
                                                                                position: relative; 
                                                                }
                                }
                }