.branding { position: relative; z-index: 1; height: 83px; width: 100%; background-color: #ffffff; 0 0 no-repeat; }
.branding p { padding: 0 10px 0 15px; margin: 0; height: 100%; vertical-align:middle; display: table-cell;}
.branding-logo { font-size: 2em; height: 100%; padding-top: 10px;}


.branding .login-detail { position: absolute; top: 24px; right: 10px; z-index: 2;  width: auto;}
.branding .login-detail:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.branding .login-detail ul { list-style: none; margin: 0; padding: 0;}
.branding .login-detail ul li { float: left; padding: 0 5px; color: #414242; font-size: 1.2em; line-height:1;  }
.branding .login-detail ul li.i-1 { font-weight: bold;  }
.branding .login-detail ul li.i-2 { border-left: 1px #414242 solid; }
.branding .login-detail ul li a { color: #414242; text-decoration: underline; }
.branding .login-detail ul li a:hover { text-decoration: none; }
.branding .login-detail p { color: #000000; }
.branding div.login-detail>div p {	color:#000000;}