/lenasys/trunk

/* Fart */

.popup > form > ul {

	margin: 0 10px;

	padding: 0;

}

.popup {

	width: 500px;

	height: 250px;

	position: fixed;

	z-index: 9999;

	/* negative margins equal to half of width and half of height centers the element in conjunction with top/left: 50%; */

	margin-left: -250px;

	margin-top: -125px;

	top: 50%;

	left: 50%;

	border: 1px solid #d3d3d3;

	font: normal 1.3em/100% sans-serif;

	background: #f5f5f5;

}

.popup form {

	margin-left: 10px;

	margin-top: 10px;

}

.popup .popupHeader{

	margin: 0;

	padding: 5px 10px;

	color:#FFF;

	background-color:#353535;

	font-size: 100%;

	font-weight: normal;

	line-height: 1.5em;

	border-bottom: 1px solid #d3d3d3;

}

.popup form ul li {

	list-style: none;

	height: 40px;

}

.popup form ul li label {

	float: left;

	width: 10em;

	clear: left;

	line-height: 30px;

}

.popup input.text {

	background-color:white;

	width:230px;

	font-size:16px;

	color:#333333;

	border-radius: 7px;

	padding: 5px;

	height: auto;

	vertical-align: bottom;

	margin-left: 0;

	border: 1px #d3d3d3 solid;

}

.popup input.text:focus {

	outline: 0;

	border-color: #000;

}

.popup textarea {

	margin-top: .5em;

	border-radius: 7px;

	border: 1px #d3d3d3 solid;

}

.popup textarea:focus {

	outline: 0;

	border-color: #000;

}

.popup span {

	font-size: 100%;

	line-height: 30px;

}

.popup .bottomMenu {

	position: absolute;

	bottom: 10px;

}

.popup .popupButton {

	display:inline-block !important;

	height:33px;

	width:100px;

	color: #666;

	border-radius: 7px;

	border: 1px #ccc solid;

	outline: 0;

	background-image: linear-gradient(to top,#f5f5f5,#fff);

}

.popup .popupButton:hover {

	cursor: pointer;

	background: #fefefe;

	color: #000;

}

.popup .popupButton:active {

	border: 1px #d3d3d3 inset;

}

.popup .popupButton:focus {

	border-color: #000;

	outline: 0;

}

/* Custom login styling */ 

#login {

	width: 300px;

	margin-left: -150px;

	height: 180px;

	margin-top: -90px;

}

#login.error {

	height: 240px;

}

#login .errorContainer {

	height: 70px;

	margin: 0 10px;

	color: #666;

	line-height: 130%;

	text-align: center;

}

#login.expanded {

	height: 216px;

}

#login form {

	margin: 10px 0 0;

}

#login .bottomMenu {

	left: 10px;

	right: 10px;

}

#login .hint {

	background: url('../img/loginhint_disabled.png');

	width: 33px;

	height: 33px;

	text-indent: -999em;

	overflow: hidden;

	border: 0;

	cursor: default;

}

#login .hint.available {

	cursor: pointer;

	background: url('../img/loginhint.png');

}

#login .hint:active, #login.expanded .hint {

	cursor: pointer;

	background: url('../img/loginhint_active.png');

}

#login #hinttext {

	border-top: 1px #ccc solid;

	margin: 10px -10px -5px;

	padding: 5px 0 5px 10px;

	color: #999;

	display: none;

	height: 20px;

}

#login #hinttext p {

	margin: 0;

}

#login #hinttext p.error {

	color: red;

}

#login .submit {

	float: right;

}

#login label {

	display: none;

}

#login ul {

 margin: 0 10px

}

#login .text {

	width: 270px;

}