body {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:   0.7em;
  line-height: 1.3em;
  margin:      1.0em;
  padding:     0;
  background:  #f9f9f9 url(../images/login/gradient.gif) repeat-x top;
}

input {
	border:1px solid;
	border-color: #CCCCCC;
}
input[type="submit"], input[type="button"] { 
	cursor: pointer;
}
.button {
	border:1px solid;
	border-color: #CCCCCC;	
	cursor: pointer;
}

#box {
  background: url(../images/login/background-square2.png) no-repeat;
  width: 502px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top:70px;
  padding-left:11px;
  padding-right:11px;
  padding-top:12px;
}

* html #box {
  background: url(../images/login/background-square-noshadow.gif);
}

#header {
  background: #0069AD;
  padding-top: 10px;
  width: 500px;
  height: 120px;
}

#header img {
	width: 458px;
	height: 100px;
}

#content {
  margin-top: 30px;
  padding-left:120px;
  padding-right:110px;
}

div.form-section {
  height: 35px;
  clear: both;
}

div.form-section-remember {
  height: 35px;
  clear: both;
  margin-top:20px;
  text-align:center;
}

div.form-section label {
  display: block;
  float: left;
  width: 100px;
  text-align: right;
  color: #000;
  padding-top:4px;
  margin-right:8px;
  line-height:16px;
}

div.form-section span {
  padding-top: 4px;
  float: left;
  font-weight: bold;
}

div.form-section input {
  display: block;
  float: left;
  width: 140px;
  color: #000;
}

div.form-section.login label {
  font-size: 11pt;
  margin-right:14px;
  width: 80px;
  color: #666;
}

* html div.form-section.login label {
  padding-top: 13px;
  height: 20px;
}


div.form-section.login input {
  font-size: 11pt;
  width: 160px;
  margin-bottom:5px;
}

div.form-submit input {
  display: block;
  margin-left:155px;
  text-align:center;
  width:120px;
  color: #000;
}
input#login-submit { width:100px; }
input#forgot-password-submit { width:120px; margin-left:135px; } 

div.form-submit.login input {
  font-size: 11pt;
  margin-top: 10px;
  color: #000;
}

a { color: #666; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#888; }

h1 {
  font-size:1.1em;
  padding:0; margin:0;
  line-height:1em;
}

.frozen_msg {
  font-size:1.1em;
  text-align:left;
  padding:10px 0 0 0;
  margin-bottom:40px;
  margin-top:20px;
}

p.info {
  color:#222;
  margin-bottom:20px;
}

p {
  color:#666;
	margin:10px 0 20px 0;
}

#message {
  color:#800;
  text-align:center;
  padding:10px 0 0 0;
  width:300px;
  margin-left:-20px;
}

div#error {
  color:red;
  position:absolute;
  left:50%;
  top:250px;
  margin-left:-205px;
  width:500px;
  line-height:1.5;
}

h2.notsupported {
  color:red;
}

/* Flash messages
----------------------------------------------- */
.flash {
	position: relative;
	font-size: 12px;
	color: #666;
	padding: 10px;
	border: 1px solid #bbb;
	background: #eee;
	line-height: 16px;
	margin-bottom: 10px;
	width: 95%;
}
.flash img {
	float: left;
	padding-right: 12px;
}
.flash.error {
	color: #e13900;
	border: 1px solid #f1d3d0;
	background: #ffeae8;
}
.flash.notice {
	color: #2c7a05;
	border: 1px solid #c3f0ba;
	background: #e4ffd8;
}
.flash.msg {
	font-size: 13px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #666;
	text-align: center;
	border: 1px solid #f0ebc6;
	padding: 10px 0;
	color: #918949;
	margin-bottom: 10px;
	background: #fffbdc;
}
.flash.msg a {
	font-weight: bold;
}