a#forget {
    margin-left: 10px;
    float: left;
}

form#userSignIn {
    margin: 10px;
}

.header-top form#userSignIn {
    margin: 0px;
}

.header-top form#userSignIn * {
    display: inline;
}

div.loginType {display: none;}

form#userSignInIdCards {margin: 10px;}
.header-top form#userSignInIdCards {margin: 0px;}
.header-top form#userSignInIdCards * {display: inline;}

form#userSignInIdMobiles {margin: 10px;}
.header-top form#userSignInIdMobiles {margin: 0px;}
.header-top form#userSignInIdMobiles * {display: inline;}

form#userSignInCodeCards {margin: 10px;}
.header-top form#userSignInCodeCards {margin: 0px;}
.header-top form#userSignInCodeCards * {display: inline;}

.header-top div.loginType
{
    display: block;
    float: left;
}
div.closeSignin { cursor: pointer; }
div.loginPlainForm { padding: 0!important; }
div.loginIdCardsForm { padding: 0!important; }
div.loginIdMobilesForm { padding: 0!important; }
div.loginCodeCardsForm { padding: 0!important; }

div.loginTypeSelectionHidden {display: block; clear: both;}
div.loginTypeSelectionHidden ul li {float: left; list-style-type: none;  margin-bottom: -1px;}
div.loginTypeSelectionHidden ul li a {padding: 5px 10px 6px 10px; border: solid 1px #CCCCCC; margin: 0 5px 0 5px; background-color: #EEEEEE;}
div.loginTypeSelectionHidden ul li a:hover {background-color: #FFFFFF; }

div#popupSignin {padding: 10px 10px 10px 10px !important;}
div#popupSignin div.loginTypeSelectionHidden div.loginForm {display: block; margin: 0!important; padding: 0 10px 0 10px !important; clear: both; width: 500px;}
div#popupSignin div.loginTypeSelectionHidden ul {margin: 0px; padding: 0px; padding-left: 0px; margin-left: 0px;}

div#popupSignin div.loginTypeSelectionHidden ul li {float: left; list-style-type: none; height: 29px; padding-top: 6px !important; white-space: nowrap;}
div#popupSignin div.loginTypeSelectionHidden ul li a {padding: 5px 10px 6px 10px !important; background: none; margin: 0 5px 0px 5px !important; border: none; line-height: 24px;}

div.header-top div.loginTypeSelectionHidden,
div.loginTypeSelectionHidden {display: none;}

.bodyVisible {display: block;}
.bodyHidden {display: none;}

div#popupSignin {font-weight: bold; width: 700px;}
div#popupSignin div.loginForm {display: none;}
div#popupSignin div.loginForm input {font-size: 10px;}
div#popupSignin div.loginForm div {float: left; line-height: 24px; padding-right: 5px; padding-left: 5px;}
div#popupSignin div.loginForm label {line-height: 24px;}
div#popupSignin div.loginForm span {float: left; line-height: 24px;}
div#popupSignin div.loginTypeSelectionHidden {display: none; position: absolute; left: 110px; top: 29px; border: 1px solid #CCCCCC; padding: 10px 10px 10px 10px;}
div#popupSignin_inline div.closeSignin,
div#popupSignin div.closeSignin {background:transparent url(../images/portlets/logout.gif) no-repeat scroll right center; height: 9px; width: 9px; cursor: hand; right: 15px; position: absolute;}
div#popupSignin {float: left; font-weight: bold;}

div.loginForm {clear: both; padding: 10px 10px 10px 10px;}
div.header-top div.loginForm {clear: none; padding: 0 0 0 0; border: none;}

div.loginTypeSelectionHidden ul li a.loginTypeActive {background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}

DIV.error {clear: both; color: red; padding: 15px; display: block;}

/* INLINE LOGIN FORM */

div#popupSignin_inline { display: block; width: 100%; background: #e4e8ee; }
div#popupSignin_inline div.loginForm { padding: 9px 0px 5px 30px !important; clear: both; }
div#popupSignin_inline div.loginForm div { float: left; padding-top: -5px! important; }
div#popupSignin_inline div.loginForm span { float: left; }
div#popupSignin_inline div.loginForm form { margin: 0px; padding: 0px; }
div#popupSignin_inline div.loginForm form input { margin: 0px; font-size: 10px; margin-right: 5px; border: solid 1px #d3d4d6; padding-left: 3px;}

div#popupSignin_inline div.loginTypeSelectionHidden { padding: 5px; height: 34px; display: block; position: relative; top: 0px; left: 0px; padding: 0px; border: none; }
div#popupSignin_inline div.loginTypeSelectionHidden div {float: left;}
div#popupSignin_inline div.loginTypeSelectionHidden ul {padding-left: 0px; margin: 5px 0px 5px 0px; }
div#popupSignin_inline div.loginTypeSelectionHidden ul li {float: left; list-style-type: none; white-space: nowrap; }
div#popupSignin_inline div.loginTypeSelectionHidden ul li a {padding: 5px 0px 6px 3px !important; background: none; margin: 0 5px 0px 5px !important; border: 0px solid; line-height: 24px;}
div#popupSignin_inline div.loginForm form div input {padding: 0px; background-image: url(../images/bluebutton.gif); border: 0px; color: #FFF; font-weight: bold; text-align: center; width: 65px; height: 21px; position: relative; top: -2px;}
div#popupSignin_inline div.loginForm form div input::-moz-focus-inner {border: 0}

/* /INLINE LOGIN FORM */

/* login stuff, overwriting the ugly CSS from Betanews */
#loginWrap {
	font-size: 0.9em;
	position: absolute;
	clear: both;
	z-index: 800;
	width: 600px;
	top: 250px;
	left: 50%;
	margin-left: -260px;
}

#loginWrap div#popupSignin div {
	left: 0px;
	text-align: left;
}

#loginWrap div#popupSignin div.loginTypeSelectionHidden { /* gray borders */
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	border: 0px;
}

#loginWrap div#popupSignin div.closeSignin {
	left: 520px;
}

#loginWrap div#popupSignin div.loginTypeSelectionHidden ul li {
	float: left;
	height: 29px;
	list-style-type: none;
	padding-top: 6px !important;
	white-space: nowrap;
	clear: none;
}