/* XCN Hub :: James at DO 05.09.07 */

/* TESTED VALIDATED AND LOCKED DOWN BY JAMES 05.09.07 DO NOT AMEND WITHOUT GOOD REASON */

/* Styles specific to the login and forgot password pages */

img {
	border : none;
}

/* Sometimes a div needs to contain all its floated elements so we use an empty structural div to wrap it around. We set a font-size and line-height to minimise its impact in IE - Opera won't render smaller than a certain font size set by the user (default 6px) so we set a discrete height and hide the overflow */

div.clear {
	clear : both;
	font-size : 1px;
	line-height : 1px;
	height : 1px;
	overflow : hidden;
}

/* The "shine" for the nav has to go into the body background, because if it's in div#nav Safari and Mozilla won't show it unless div#nav has a height set, and setting a height on div#nav makes IE crop the contained ul to div#nav's bounds */

/* Font size set in ems so the text can be scaled for accessibility */

body {
	margin : 0;
	padding : 0;
	border : none;
	font : normal 0.6em verdana, arial, geneva, helvetica, sans-serif;	
	background-color : #dbdbdb ;
}

a:link {
	color : #69AB3F;
	text-decoration: none;
}

a:visited {
	color : #69AB3F;
	text-decoration : none;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	border : none;
	width : 195px;
	margin : 0;
	padding : 0 0 5px 0;
	background : url(../images/core/signin/update_bottom.gif) center bottom no-repeat;
	margin-left : -15px;
}

h1 {
	display : block;
	width : 627px;
	margin : 10px auto 0;
 	height : 104px;
 	padding : 0;
 	background : url(../images/core/signin/logo.gif) left top no-repeat;
}

/* We use image replacement on the h1 with a background image set below. In the meantime let's hide the text. This technique aids accessibility and SEO */

h1 span {
	position : absolute;
	left : -2000px;
	width : 200px;
}

h2 {
	width : 607px;
	margin : 0 auto;
	padding : 5px 6px 1px 14px;
	font-size : 1.2em;
	font-weight : normal;
	color : white;
	background : url(../images/core/signin/header_top.gif) left top no-repeat;
}

div#content {
	width : 603px;
	margin : 0 auto;
	padding : 10px 0 0 24px;
	background : url(../images/core/signin/header_base.gif) left top no-repeat;
}

div#main {
	width : 360px;
	padding-bottom : 30px;
}

h3 {
	width : 360px;
	margin : 10px 0 0 0;
	padding : 0;
	background : url(../images/core/signin/welcome.gif) no-repeat left top;
	height : 19px;
}

div#sidebar {
	float : right;
	width : 239px;
	margin : 0;
	background : url(../images/core/signin/bottom.gif) left bottom no-repeat;
	padding-bottom : 20px;
}

div#sidebar h3 {
	width : 239px;
	height : 38px;
	margin : 0;
	padding : 0;
	background : url(../images/core/signin/h3_signin.gif) no-repeat left top;	
}

h3 span {
	position : absolute;
	left : -2000px;
	width : 200px;
}

div#login {
	padding : 0 0 0 40px;
	margin : 0
}

div#sidebar label, div#sidebar input {
	display : block;
}

div#sidebar label {
	margin : 10px 0 10px 15px;
}

div#validation {
	margin : 10px 0 10px 15px;
}

div#sidebar a#forgotlink {
	margin-left : 15px;
}

div#sidebar input.GamerTagTextBox, div#sidebar input.PasswordTextBox {
	width : 150px;
	background-color : #BBB;
	border : 1px solid;
	border-top-color : #545454;
	border-left-color : #545454;
	border-bottom-color : #BBB;
	border-right-color : #BBB;
	margin-bottom : 10px;
	margin-left : 15px;
}

div#sidebar input.SubmitButton {
	border : none;
	width : 195px;
	text-align : center;
	margin-top : 10px;
	padding-top : 10px;
	padding-bottom : 2px;
	color : #666;
	font-weight : bold;
	font-size : 1.2em;
	background : url(../images/core/signin/update_top.gif) center top no-repeat;
	cursor: pointer;		
}


div#copyright {
	width:625px;
	margin : 10px auto 0;
	color : #999;
	font-size : 1em;
}

div#copyright ul li a {
	color : #999;
}

div#copyright ul {
	margin : 0;
	padding : 0;
}

/* The background here draws the dividing pipes between links so as to avoid having screenreaders say "VERTICAL LINE" each time */

div#copyright li {
	display : inline;
	padding-right : 6px;
	margin-right : 3px;
	background : url(../images/core/copyright_pipe.gif) right center no-repeat;
}

/* There's no pipe after the final link so we override the background property - when browsers support it the class could come out and we could use li:last-child instead */

div#copyright ul li.last {
	background : none;
}

/* Styles unique to forgot password page */

body.forgotpass div#main h3 {
	background : url(../images/core/signin/h3_instructions.gif) left top no-repeat;
}

/* Make div#content positioned so we can absolutely position the link against it */

body.forgotpass div#content {
	position : relative;
}

body.forgotpass a#returnlink {
	position : absolute;
	right : 16px;
	top : -14px;
	color : white;
	text-decoration : underline;
}

body.forgotpass div#sidebar {
	padding-top : 0;
}

body.forgotpass div#login {
	width : 199px;
	margin-top : 0;
	background : url(../images/core/signin/top.gif) left top no-repeat;
}

body.forgotpass div#sidebar label {
	margin-top : 0;
	padding-top : 10px;
}

body.signin div#sidebar div.textcontrols
{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	text-align: right;
	margin-left: 15px;
}

body.signin div#sidebar div.textcontrols input, body.signin div#sidebar div.textcontrols label
{
	display: inline;
}

body.signin a#forgotlink
{
	display: block;
	margin-top: 10px;
}

.left 
{
	float: left;
}