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

.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: #ffffff; 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 #ffffff solid; }
.branding .login-detail ul li a { color: #ffffff; text-decoration: underline; }
.branding .login-detail ul li a:hover { text-decoration: none; }
.branding div.login-detail>div p {	color:#fff;}