/* Login */
#login { position:relative; padding: 100px 0 100px 0; width:600px; margin:0 auto; }

/* Provides a border with round corner */
#login .top { position:relative; width:600px; height:110px; background:url(../Images/LoginTop.png) no-repeat; }
#login .middle { position:relative; width:600px; border-top:1px solid #bfbfbf; background:url(../Images/LoginMiddle.png) repeat-y; }
#login .bg { position:relative; width:598px; min-height:170px; padding:30px 0; margin-left:1px; background:url(../Images/LoginBg.png) repeat-x; }
#login .bottom { position:relative; width:600px; height:10px; background:url(../Images/LoginBottom.png) no-repeat; }

/* Area to display logo, and Pilot environment warning */
#login .logo { position:absolute; left:30px; top:38px; width:300px; }

#login .mode { position:absolute; right:30px; top:50px; width:200px; height:30px; }
#login .mode p { color:red; font-size:13px; text-align:right; }

/* Area to display login failure messages */
#login .login-failure {background:#fff; padding:5px 0px; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;}
#login .login-failure p {font-size:13px; text-align:center; color:Red; margin:0; }

/* Link for request a new account */
#login .sign-up { position:absolute; right:20px; top:15px; width:200px; height:20px; }
#login .sign-up p { text-align:right; font-size:13px; margin:0; padding:0; }
#login .sign-up p a { font-size:13px; color:#83052a; }

/* Data entry block for the login page */
#login .block { width:240px; height:65px; margin:0 auto; }
#login .block label { width:240px; height:20px; font-size:13px; color:#444; font-weight:bold; line-height:20px; }
#login .block input { width:224px; height:16px; padding:7px; border:1px solid #bfbfbf; font-size:13px; color:#444; line-height:16px; }

/* Contains the login button, and the forgot password link */
#login .login-buttons { width:240px; height:30px; margin:0 auto; }
#login .login-buttons input { float:left; }         /* The Login ImageButton */
#login .login-buttons a { float:left; display:block; font-size:11px; line-height:30px; padding-left:10px; }     /* The forgot password Hyperlink */

/* Agree to terms of service */
.terms-of-service {padding: 15px 15px 0px 15px}
.terms-of-service iframe {width: 100%; height: 350px;}
.terms-of-service .buttons {padding-top: 20px; text-align:center}

/* Data entry forms */
#form { padding:0 20px 0 20px; }
#form h2 { margin-left:50px; }
#form .error {font-size:13px; color:Red}
#form .buttons {padding-top: 20px; text-align:center}

/* Data entry block for the request account page.
   It doesn't specify the height of each block, because some fields have hints in the bottom, some with really long wrapping prompts, etc. */
#form .tall-block { width:320px; margin:0 auto 10px; }
#form .tall-block label { width:240px; height:20px; font-size:13px; color:#444; font-weight:bold; line-height:20px; }
#form .tall-block input { width:224px; height:16px; padding:7px; border:1px solid #bfbfbf; font-size:13px; color:#444; line-height:16px; }
#form .hint {font-size:11px;}

/* Display a login-in related message with an OK button. */
#message { padding:70px 20px 0 20px; text-align:center}
#message .buttons {padding-top: 20px; }