/* OAuth Login Styles */
.facebook-container,.gplus-container{position:relative;display:inline-block;width:100%;text-align:center;height:50px}
.oauth-profile-icon {
    width: 35px !important;
    max-width: 35px;
    width: 35px;
    height: 35px;
}
.twitter-container .login {
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
    vertical-align: middle;
}
.twitter-container .login, .twitter-container .profile .oauth-profile-icon {
    background-color: #00a9ff;
}
.facebook-container .login {
    background-color: #3B5998;
    color: white;
    font-weight: bold;
}
.twitter-container .login, .facebook-container .login, .google-container .login {
    margin-top: 0.55em;
    margin-left: 4.35em;
    cursor: pointer;
    max-width: 111px;
    width: 111px;
    overflow: no-display;
    white-space: nowrap;
    height:30px;
}
.logindiv table, .logindiv tr {
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
}
.logindiv table {
    display: table;
    margin-right: 0.25em;
}
.logindiv p {
    text-align: center !important;
    text-align: center;
}
.logindiv p.truncate {
    max-width: 8.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.login img {
    max-height: 25px;
    height: 25px;
    width: 25px;
}
.logindiv p.username {
    font-weight: bold;
}
.twitter-container p.username {
    font-size: 11px;
}
.logindiv .profile {
    padding-left: 2em;
    padding-right: 1.25em;
    margin-top: .35em;
    clear: both;
}
.google-container .login table {
    font-weight: bold;
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #ccc;
}
.google-container .glow{
	background-color:#ffffff;
	width:160px;
	min-height:34px;
    color: #000000;
}
.google-container .error, .facebook-container .error, .twitter-container .error {
    text-align: center;
    height: auto !important;
    cursor: not-allowed;
    color: red;
    font-weight: bold;
    white-space: normal;
    margin-left: 0.35em;
    margin-right: 0.35em;
}
.glow {
    /* display: inline-block; */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    clear: both;
}
.glow:hover {
    box-shadow: -2px -4px 8px rgba(0, 0, 0, 0.6);
}
.pull-left {
    text-align: left !important;
    text-align: left;
}
.pull-right {
    text-align: right !important;
    text-align: right;
}
.pull-center {
    text-align: center !important;
    text-align: center;
}
.nowrap {
    white-space: nowrap;
}
.invisible {
    max-height: 1px;
    height: 1px !important;
    height: 1px;
    max-width: 1px;
    width: 1px !important;
    width: 1px !important;
    font-size: 1px;
    overflow: hidden;
}
/* End Oauth Login Styles */