@CHARSET "UTF-8";

/*************login page ******************/
#embededLogin input,#embededLogin .button,#embededLogin label 
{
	display:none;
}
#embededLogin {
	
	width: 100%;
	height: 15px;
	position:relative;
	top:-120px;
	z-index:2;
	
	
}
#embededLogin .floatRightWrapper
{
	float:right;
}
#embededLogin .floatRightWrapper input
{
	background-color:transparent;
	border:none;
	background-image:url(/media/images/input.png) !important;
	
	width:124px;
	height:16px;
	margin-right:2em;
}

.button
{
	
	width:100%;
	padding:0 0 0 140px;
	float:left;
	
}
.button div
{
	float:left;
}

.button .buttonLeft
{
	width:4px;
	height:25px;
	background-image:url(/media/images/login_button_black_left.png);
}
.button .buttonRight
{
	width:4px;
	height:25px;
	background-image:url(/media/images/login_button_black_right.png);
}
.button button
{
	border:none;
	background-color:transparent;
	float:left;
	color:white;
	background-image:url(/media/images/login_button_black_center.png);
	height:25px;
	padding:0 1em;
}
.button a
{
	float:left;
	height:17px;
	text-decoration:none;
	
}
.button a:hover
{
	color:gray;
	text-decoration:none;
}

#explantion a:link
{
	text-decoration:underline;
	color:#0493b4;
}

#explanation a {
	color:#0493b4;
	text-decoration:none;
}

#explanation a:hover {
	text-decoration:underline;
	color:#0493b4;
}

#embededLogin .floatRightWrapper input {
	float:left;
}
#embededLogin span
{
	text-align:left;
	margin-right:2em;
	color:white;
	float:right;
}
#embededLogin span a,#embededLogin span a:hover,#embededLogin span a:active
{
	
	margin:0 0.5em;
	color:white;
}
#embededLogin span a:hover
{
	color:silver;
}



#login button
{
	width:auto;
	font-weight:bold;
	font-family:Arial;
}
#login {
	width: 50%;
	float:left;
	margin:2em;
	padding:2em;
	position:relative;
}

#login, .profile {

	background-color:#E5F4F7;

}

#login h3, .profile h3
{
	display:block;
	border-bottom:1px solid;
	border-color:#CCCCCC;
	color:#000000;
	font-weight:bold;
	padding: 0;
	margin:0;
}
#login p
{
	margin:1em 0 1em 0;
	padding:0 0 0 0;
	font-size:0.9em;
}
#login .checkBox
{
	font-size:12px;
	margin:0;
}
#login .checkBox label
{
	font-weight:inherit;
	width:auto;
}
#login .forgot
{
	font-size:12px;
}

.forgot a
{
	font-weight:bold;
	color:#0493b4;
}
#login .textField input
{
	width:200px;
}
#login .textField
{
	position:relative;
}
#explanation {
	border:thin;
	border-color:#0493b4;
	border-width:0;
	margin:2em;
	padding:2em;
	width: 30%;
	float:left;
	
}

#explanation p{
	margin:0;
	padding:0;
}

#explanation h1 {
	text-align: center;
	font-size: 26px;
	padding: 0;
	margin: 1em 2em;
}
#explanation h3
{
	color:#0493b4;
	border-bottom:1px solid;
	border-color:#CCCCCC;
	font-weight:bold;
	display:block;
	margin:0 0 0 0;
	padding:0;
}

#explanation p
{
	margin: 1em 0 1em 0;;
	text-align: justify;
}

.registerError
{
	color:red;
	position:absolute;
	
	left:380px;
	height:15px;
}

.errorMessage
{

}