/**
 * newBlackTaco_Bell.css 
 * 
 *
 *  Taco Bell Modern look for Portal 8. This stylesheet is specifically for
 *  the login.html page that is loaded to the webseal junction 
 *  for Portal.
 *
 *  <pre><code>
 *      <div class="the markup this css file expects">
 *          You'll be ever so happy you included this part
 *          in about three months, when you come back to this
 *          project, having completely forgotten it's
 *          structure and purpose.
 *      </div>
 *  </code></pre>
 *
 *  @author     Jason Gysbers <jason.gysbers@yum.com>
 *  @package    loginUpdate
 *
 * Change Log:
 *
 * 1/13/2016	Christian Klein		added mobile enabled styles. Not as efficient as
 *									possible since the goal was to not touch the
 *									existing styles or the shared HTML file.
 *									Had to add label for log-in button through js though
 * 1/28/2016	Christian Klein		Complete scrape and rebuild of CSS
 *
 *
 * 10/18/2022   Subu	            Changed height: 50px to height: 70px; in .headerSpace
 *                                  Added background-size: contain; to .headerSpace
 *                                  Changed .purple {    background-color:  #663366;} to
 *                                  .purple {    background-color:  #501098;} 
 */
/****************************************************************************************/

/* ---------------- General Styles ---------------- */
a:hover, a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
body {
	background: #000000;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, a, li, ul {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-family: Oswald, sans-serif;
	font-style: normal;
	text-transform: uppercase;
}
h1 {
	font-size: 22px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
	font-weight: 500;
}
img {
	border: none;
}
input {
	border:0;
	display: block;
	float: left;
	font-family: Oswald, sans-serif;
	font-style: normal;
	margin-top: 2px;
	padding-left: 5px;
	width: 150px;
}
p {
	font-weight: 400;
	line-height: 20px;
	padding-top:10px;
}
pre {
	font-size: 13px;
	font-weight: 400;
	line-height: 18.5714px;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* ---------------- hacks ---------------- */
/* backslash hack for mac-ie5 \*/
dt { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* declared classes */

/* ---------------- CSS Classes ---------------- */
.container {
	margin-left: auto ;
	margin-right: auto ;
	width: 960px;
	height: 960px;
}
.headerSpace {
	margin: 10px 10px 0 25px;
	background-image: url("/images/MyTB_Logo.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 200px;
	height: 70px;
	background-size: contain;
}
.wrapper{
	margin: 0 auto;
	padding-top: 44px;
	width: 960px;
	height: 699px;
	background-image: url("/images/MyTB_Frame.png");
	background-repeat: no-repeat;
}
.main{
	margin: 15px 72px 15px 72px;

}
.cookieWarning {
	visibility: hidden;
	color: Red;
	font-size: 16px;
	margin: 20px 0 20px 0;
	text-align: center;
}
.loginUI{
	height: 225px;
}
.access{
	float: left;
	margin: 22px 32px 10px 126px;
	width: 300px;
}
.access_title{
}
.access_msg{
	height: 75px;
}
.access_link{
}
.submitBtn{
	text-transform: uppercase;
	width: 200px;
	height: 30px;
	padding: 0px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	float: none;
	font-size: 16px;
	color: white;
	border: 0px;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.purple{
	background-color: #501098;
}
.grey{
	background-color: #4E4E4E;
}
form>.submitBtn { /* For non-IE browsers*/
	height: 0;
}
.split{
	float: left;
	width: 1px;
	height: 185px;
	background-image: url("/images/myTBDividerVert.png");
	background-repeat:repeat-x;
}
.loginBlock{
	float: left;
	width: 325px;
	margin: 15px 0 0 32px;
}
.login{
}
.username{
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AENFiUSFns+IgAAAqxJREFUSMe1ljFoE1Ecxv/f/90zRjEFaSMdRCmClgqVLs2itDSBCi51kbq0IAqtzjo5OoqDFOrgWgSHLoVKCrWKU4eq0JYOXazF4pBSaiRN7pLP5RIuMZdLBQ9C7rvcvd/33vf/vwvS6SEjIQcgkkx2cWEhGy8UCp3lcjlFsktE9hzHrHZ0JHKjo+mjvb2fIiIIPMqAJnwI/A+DjFjsBJeWVi55nvdMRG6T9OEQkgJgzlr7dGTkxk6p5AafRwBGDVysA1QqFa6urp10XfdtI6Bml7zruu7cxsaW9TyPDWPVtAaIErxpefmjl8vtTwO42gho0IO7uz/GV1Y+ec3MBmciITOaiAAISSE50cRsTWsLgJDsjQL431eamK0doZnUCiwC4OtYC7PhmQSvRy2ZiLgtzEZmstNOJiLyrZVZbaht1jcj3reTCYAPrcxqWCPOzDxXY3Q2UAShM7LWvp6aumfClsz09FxsumSbm1soFou5fP73dZIXwgAks8lk5ytVrfhV0n4mqip9fb0lAC9FxAtZspKqzg4M9JfCAI2ZSOPeE4vFaK2zBmA7ZMm2rbWfIyq0LpO/O1VRLXOEZAJVGGMctuoTp9GF4ziyuLhUBsB4PH7edd1HJC+HZNJ7dFR8mM0uvygUCt8PDnYxPj5pXNcLAitIp4cMSSQSZ2R+fsETEbHWXqtUKndI3iTZH1XGAL4AeOc4+qZYdL+KiIyN3XIOD38JAEomM6wkkUoNWlWdArCuqgVVLQMgAKoqVZXNdPXcv7+gquuqOp1KDVqSkskMG0kmO08ZY+4DyEcNeAwgAeSNMQ+6u8+dFmP0yb8MGAEI6scAkBORs23uttUMgq+DKL0P39X/AtS9T6TN3fZYgKp2/tcMghoAJgEkAv+Vwro39Dd/o2ymRUQO/wAqLtoeZmSsHgAAAABJRU5ErkJggg==')
	no-repeat left center #ffffff;
	padding: 1px 1px 25px 35px;
	width: 155px;
	border-style: inset;
	border-width: 2px;
	margin-bottom: 5px;
}
.password{
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AENFiUbb6eGhgAAA6BJREFUSMetVs9rHVUU/s6dOzOZZ/Ly0oo/KpU4UrBbbbBYqom8GAkVW1wIXRRXUqldCEGKf4G66kqqLor/gG5SrOSVPIuVLkohLlwUiwXh2UXbRGiSzsy957iYmeTOdPLiwguzONx7z3e+851z7lC3O+1hyBIR7N//nMTxJC5cuBgkSeIppczCwtns5s0V3Lt3n4hIAJB7zbGFChAqPnEOEgDp9fqm1Yr2pWk2x8xTAJ4EcJ+IrodhuLSxsTHodqd9xzlcAACiXYd1gE5nXILAf/nRo+QbEXkFAIjy+8x8enNz80YYBh92OuO/ra39Qzv5UrUItg4REXq9ftsY+0MdQCQ/TkSHssx8f+XKz2PFXmOwXhxPKoce5T4EvV7fpGn2hYi8VThMACwS0Xcisk5ELwDQItJJktS/ffvPy3E82aivqqMCwNjYaBnxRyUDIvqUmU9Yaz8XkeNE9FnJSEQ+BoBWK+KaJhWQCs2FhbMcRdHzAHwigois79kzcXF+flZ3u9P+/PysnpjofAtgswggjKJw3/nzX/J/1uTIkTm21oalBgDWtfY4TTMAQJpm0FozgI1SIxEK2+1Wo76qlr6tKIjyAIqUtChH3NpXioiIWmXKAFF798aNvrTTOARAmHOMOJ68c+vWH8eIiJVSyWBw9+FgcNd18tD39TFmCZVS6uDBA3/l9xlKqUrKdL0RT558j1utKE6S9DUAmojAzKKU+gCAygmJiECsZcr3rays/P7+yMjIr+fOfXLn2rXrFUZux0MphX7/l6ksy/oAgoa+2M1OPc97Y2bm6A1mLlPGFU3a7TEYY97dBcAMAQyste90OuNS0c/NXRAEAiBqciAiIKLTYRi+6HnqTF5RjYwiZq5oohxNUJylJgYAlq21Xx8+fOhvY+xXAK7uwIh839+5T6xllKrWHRTjHKOjT4gzBZoYD+0TKlIgTRECeDMIgqnFxZ+M1vpVAK87AbiM3YxUNMmnpeeB8tUourX26cLPsy6A+8AVE6FRE+ymSUlwe4zIYy9owYiCYIgmxthhABCRE2EYviQixxs0w3YAVU10pTOJeJc+OJWm6dtE9FQTQLGMw/pxTVZX18jz1I9lBosikKKyREQUET1T3hORrb0SUCl1+cGD1Ur/lWNFbU9fheXlq3PW2lkiUs6bXqmiqi1gFut53tLMzNGlWhlD1/8ytPbEGHMJwKUmcYfZxhhorXWWZa4mTN3utBr2S/R/2P8CBg4YQOdPLIkAAAAASUVORK5CYII=')
	no-repeat left center #ffffff ;
	padding: 1px 1px 25px 35px;
	width: 155px;
	border-style: inset;
	border-width: 2px;
	margin-bottom: 5px;
}
.passwordError{
	height: 45px;
}
#TBError{
	color: #FF0000;
	display: none;
	padding-top: 0;
	padding-left: 5px;
}
#TBForgotPassDiv{
}
#TBForgotPassDiv2{
	display: none;
}

#TBForgotPassDiv3 {
    display: none;
}

.forgotPass{
	margin-top: 10px;
	width: 325px;
}
.forgotPass A {
	text-decoration: underline;
}
.forgotPassHighlight, .forgotPassHighlight A{
	font-weight: bold;
	color: rgb(240, 230, 140);
	font-size: 14px;
}
.mShow{
	display: none;
}
.legal{
	margin-top: 40px;
	text-align: justify;
}
/***************************************************************************/
/* ---------------------------- MEDIA QUERIES ---------------------------- */
/***************************************************************************/
@media only screen
and (max-width: 600px) {
	body {
		font-size: 14px;
	}
	input {
		width: 235px;
	}
	.container {
		width: 300px;
		height: initial;
		margin: auto;
		padding-bottom: 20px;
	}
	.main, .loginBlock, .wrapper, .headerSpace{
		width: 100%;
	}
	.headerSpace{
		margin: 0;
		height: 90px;
		background-position: left center;
	}
	.wrapper{
		margin: 0 auto;
		padding-top: 0;
		height: 100%;
		background-image: none;
		background-repeat: no-repeat;
	}
	.main{
		display: inline;
	}
	.cookieWarning {
		display: none;
		text-align: justify;
		margin: 0px 0 20px 0;
	}
	.loginUI{
		height:500px;
		width: 100%;
		border-top:2px solid #e1e1e1;
		border-bottom:2px solid #e1e1e1;
		position:relative;
		margin: 0 auto;
		background-color: #000000;
		clear: both;
		display: block;
	}
	.access{
		width: -moz-calc(100% - 35px);
		width: -webkit-calc(100% - 35px);
		width: -o-calc(100% - 35px);
		width: 100%;
		margin: 0px 0px 25px 0px;
		text-align: justify;
		position: absolute;
		top: 315px;
		border-top:2px solid #e1e1e1;
		padding-top: 2px;
	}
	.access_msg{
		margin-top: 1px;
	}
	.access_link{
		margin-top: 10px;
		margin-left: 10px;
	}
	.submitBtn{
		width: 280px;
		height: 45px;
		font-size: 22px;
	}
	.split{
		width: 0px;
		height: 0px;
		visibility: hidden;
		display: none;
		background-image: none;
	}
	.loginBlock{
		margin: 15px 0 0 0;
	}
	.login{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}
	.username{
		width: auto;
		margin-bottom: 25px;
	}
	.password{
		width: auto;
		margin-bottom: 25px;
	}
	.passwordError{
		height: 25px;
	}
	.forgotPass{
		width: auto;
		text-align: center;
	}
	.mShow{
		display: inherit;
	}
}