/**
 * Login form
 */
.loginform
{
	padding:1em 0 1em 0;
}
.loginform  .userloginfield .textinput input
{
	width:9em;
	float:left;
	color:#111111;
	border-top:2px solid #808080;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-left:2px solid #808080;
}

.linebreak
{
	width:100%;
	height:1px;
	background-color:#D1CBC4;
	line-height:1px;
	font-size:1px;
}
.loginform  .userloginfield
{
	padding:0.3em 0em 0.3em 0em;
}
.loginform  .floatleft
{
	float:left;
	width:24em;
}
.loginform  .userloginfield .label
{
	width:8em;
	float:left;
}
.loginform  .userloginfield .input,
.loginform  .userloginfield .textinput
{
	width:12em;
	float:left;
	text-align:left;
}
.loginform .loginerror
{
	padding:0.3em 0em 0.3em 0em;
	color:#CF3D44;
}
.loginform .userloginsubmit
{
	padding-top:0.4em;
}
/**
 * Registration form
 */
.registerform
{
	padding:1em 0 1em 0;
}
.registerfield  input.formtext,
.registerfield  input.formpassword
{
	width:9em;
	float:left;
	color:#111111;
	border-top:2px solid #808080;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-left:2px solid #808080;
}

.registerfield
{
	padding:0.3em 0em 0.3em 0em;
}
.registerfield .label
{
	width:8em;
	float:left;
}
.registerfield .input
{
	width:12em;
	float:left;
}
.registerfield .required
{
	display:none;
}
.field_Female,
.field_Male
{
	display:none;
}

.registerfield .error
{
	width:8em;
	float:left;
	color:#CF3D44;
}
.passworddesc
{
	float:left;
	width:13em;
}
.floatleft
{
	float:left;
	width:24em;
}
.widefield
{
	width:48em;
}
.widefield .input
{
	width:38em;
}
.widefield .input input
{
	width:29em;
	_width:26.3em;
}
.padtop
{
	padding-top:0.9em;
}

.registerfield .genderradio
{
	width:15em;
	float:left;
}
.registerfield .radioinputfield
{

}
.registerfield .radioinput
{
	width:1.5em;
	float:left;
}
.registerfield .radiolabel
{
	width:5em;
	float:left;
}
.formterms ul
{
	list-style-position:inside;
}

/**
 * Subject selection
 */
.subject_select
{
	padding:0.8em 0 0.8em 0;
}
.subject_select .column1
{
	float:left;
	width:45%;
	margin-right:5%;
}
.subject_select .column2
{
	float:left;
	width:45%;
}
.subject_checkbox
{
	padding:0 0 0.5em 0;
}

.subject_checkbox .check
{
	float:left;
	width:10%;
	padding:0.1em 0 0 0;
}

.subject_checkbox .error_privacy
{
	color: rgb(207, 61, 68);
	width: 8em;
}

.subject_checkbox .check_privacy
{
        float:left;
        width:4%;
        padding:0.1em 0 0 0;
}

.subject_checkbox .label
{
	float:left;
	padding-top:0.2em;
	width:85%;
}

#page  form p
{
		padding:0;
}

#pageBody form
{
	 padding:0.5em 1.8em 0 1.8em;
	 _padding:0.5em 0 0 1.8em;
}


#login_boygirl
{
	height:466px;
	left:710px;
	position:absolute;
	top:50px;
	width:198px;
	background:url(/res/login_boygirl.png) no-repeat top left;
}

.login_select
{
	border-top:2px solid #808080;
    border-right:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    border-left:2px solid #808080;
}

#overlay{ 
    background-image: url(/res/overlay.png);
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 90;
    /*width: 100%;
    height: 100%;*/
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="/res/overlay.png", sizingMethod="scale");
}

#box{
    width:300px;
    background:#ffffff;
    padding:10px;
    border:2px solid #eee;
}

#close{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}