/* MAIN COLUMNS */
div#header {
	background : url(http://images.wallaceandgromit.com/login/login_header_v1.jpg) left top no-repeat;
	width : 770px;
	height : 309px;
	}

div#sidebar {
	float : left;
	margin-right : 30px;
	width:230px;
	}

div#preamble {
	width:200px;
	position:relative;
	top:0px;
	left:30px;
	}

div#mainbar {
	float:left;
	width:275px;
	}

div#extrabar {
	width:160px;
	float:left;
	position:relative;
	left:10px;
	}	
/* END MAIN */
	

div#extrabar a {
	text-decoration:underline;
	}
div#extrabar h2 {
	font-size:16px;
	}
div#extrabar h3 {
	font-size:14px;
	}

div#login_panel {
	font-size:16px;
	color:#000000;
	height:230px;
	padding:2px;
	background: url(http://images.wallaceandgromit.com/login/login_panel_v1.jpg) left top no-repeat;
	width:300px;
	}

div#profile {
	width:680px;
	margin-left:15px;
	margin-bottom:50px;
	}

div#profile h1{
	position:relative;
	top:0;
	padding:0;
	margin:0;
	font-size:22px;
	line-height:1.2em;
	}
div#profile a {
	text-decoration:underline;
	}
/* Variable height background box (used for login + register pages) \*/

.login_box {
	/*margin: 0 auto;  center for now */
	/*width: 17em;  ems so it will grow */
	font-size:16px;
	color:#000000;
	width:275px;
	}
	
.box_top {
	height:30px;
	background: url(http://images.wallaceandgromit.com/login/login_box_top.jpg) no-repeat top left;
	margin-top:0px;
	margin-left:1px;
	}
.box_body {
	background: url(http://images.wallaceandgromit.com/login/login_box_mid.jpg) center left;
	background-color:#949767;
	margin-top:-16px;
	margin-left:0px;
	padding-bottom:10px;
	width:274px;
	}
.box_bottom {
	background: url(http://images.wallaceandgromit.com/login/login_box_bot.jpg) no-repeat top left;
	margin-top:0px;
	margin-left:-1px;
	height: 35px;
	}


.inputbox {
	margin-top:3px;
	background: #FFFFFF;
	color:#666666;
	font-size: 16px;
	width:190px;
	}
	
.box_body label {
	font-size:18px;
	}

div#screen_name {
	margin-left:36px;
	margin-top:13px;
	}

div#password {
	margin-left:36px;
	margin-top:8px;
	}
#login_btn {
	  background: transparent url(http://images.wallaceandgromit.com/login/login_button_v1.jpg) no-repeat left top;
	  width: 80px;
	  height: 39px;
	  padding:0px;
	  border: 0;
	  overflow: hidden;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	  /*margin-left:144px;*/
	  margin-top:12px;
	  margin-right:40px;
	}

#reset_btn {
	  background: transparent url(http://images.wallaceandgromit.com/login/reminder_button_v1.jpg) no-repeat left top;
	  width: 80px;
	  height: 39px;
	  padding:0px;
	  border: 0;
	  overflow: hidden;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	  /*margin-left:144px;*/
	  margin-top:12px;
	  margin-right:40px;
	}
	
.right_align {
	text-align:right;
	}

div#login_error {
	color:#FFFFFF;
	text-align:center;
	background-color:#ffae00;
	width:262px;
	margin-left:2px;
	font-weight:bold;
	}
div#login_error p {
	padding:0px;
	margin:0px;
	}


form>#replacement-2 { /* For non-IE browsers*/
  	height: 0px;
	}

div#forgotpass{
	text-align:right;
	margin-right:20px;
	margin-top:0px;
	padding-top:-5px;
	
	}
div#forgotpass a {
	color:#000000;
	text-decoration:underline;
	}
	
div#gromit {
	background: url(http://images.wallaceandgromit.com/login/login_gromit1.jpg) no-repeat right bottom;
	width:212px;
    height: 280px;
    margin: 0px 0px 0px 15px;
	z-index:-1;
}