html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
/* COMMON */
body {
  	font-family: Helvetica, Arial, sans-serif;
  	line-height: 1.4;
  	color: #4b4b4b;
  	background: #003333;
	margin-bottom: 20px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
}

a {
  color: #2d7bb2;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #4b4b4b;
}
#page-content, #page-content-wide {
  padding: 40px 60px;
  margin: 50px auto;
  width: 400px;
  background: url(img/ear-big.gif) 0 0 no-repeat #fff;
}

#page-content-wide {
  width: 700px;
}

#logo {
  text-align: center;
}

.button {
    font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	margin: 0;
	color: #fff;
	font-weight: bold;
	background: #2D7BB2;
	border: 2px solid #2D7BB2;
	padding: 0.25em 6px;
	cursor: pointer;
	-webkit-border-radius: 5px;
}

.button:hover {
  border-color: #5B605D;
  background: #5B605D;
}

#footer {
	text-align: center;
}

#footer p {
  margin-top: 4px;
  font-size: 0.70em;
  color: #aeaeae;
}

.form_note {
	color: #ccc;
	font-size: 0.8em;
}


/* LOGIN */
#login-page p {
   padding-top: 30px;
   padding-bottom:0px;
}

#login-page input#login, #login-page input#password, #login-page input#openid_identifier, #login-page input#txt_username, #login-page input#txt_password, #login-page input#user_password_confirmation {
  	font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
  	/*width: 100%;*/
    border: 1px solid #0068b3;
    padding: 4px;
}

#login-page input#openid_identifier {
    background: url(img/login-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 10px 50%;
    color: #000;
    padding-left: 30px;
	width: 93%;
}

#login-page a.id-note {
  	padding: 0;
  	font-size: 0.75em;
}

#login-page a.new_password, #login-page a.back_to_login {
  	font-size: 0.80em;
  	margin-left: 10px;
}

#login-page p#what_will_happen {
  	text-align: left;
}
#box_msg{
float: right;
border:1px dotted #CCCCCC;
width:200px;
font-family:Tahoma, "Trebuchet Ms";
font-size:12px;
margin:40px 0px 30px 0px;
padding: 5px;
color:#a0a0a0;
}
#wrong{
position:absolute;
left:580px;
top:0px;
width:239px;
height:181px;
z-index:4;
}
#normal-login label{
 color:#0068b3;
 font-weight:700;
 font-size:12px;
}

#logo{
position:absolute;
left:540px;
top:55px;
width:224px;
height:57px;
z-index:4;
/*background:url(img/LogoCorporate.gif)*/
}