/*  

Client: Grammar to Go
Client URL: http://www.grammartogo.co.uk/login
Description: Styles 
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 01/01/2009

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	background:url(../images/laptop.jpg) 0 40px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.1em;
	margin:17px 0 25px 0;
}

h1 {
	background:url(../images/my-login.gif) no-repeat top left;
	width:75px;
	height:20px;
	text-indent:-999999px;
	margin-bottom:15px;
	
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

ul {
}

li {
}

blockquote {
}

img {
}

strong {
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a,
a:visited {
	color:#666666;
	text-decoration:underline;
}

a:hover,
a:focus,
a:visited:hover {
	text-decoration:none;
}

a.returntohomepage {
	background:url(../images/return-to-homepage-icon.gif) no-repeat left top;
	padding:0 0 0 11px;
	text-decoration:none;
}

a.returntohomepage:hover{
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.clear-right {
	clear:right;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

/* 7.0	Wrapper */

div#wrapper {
	width:60%;
	float:right;
	display:inline; /* hack for IE6 Double margin bug */
	margin-top: 145px ; /*10%*/
}

/* 8.0	Logo */

.login-logo {
	margin-bottom:8px;
}

/* 9.0	Layout */
#form-container {
	background: #fff2cc;
	padding:20px;
}

#login-form {
	width:600px;
}

#login-form ul {
}

#login-form li {
	float:left;
	width:200px;
	padding-bottom:10px;
	display:inline; /* Hack for IE6 Double margin bug */
}

input.checkbox {
	padding:0!important;
	width:auto;
	float:left;
	border:none!important;
}

.autologin {
	float:left;
	display:inline;
	position:relative;
	top:2px;
	left:7px;
}

a.forgot_password {
	position:relative;
	top:2px;
	color:#666666;
	text-decoration:none;
	font-size:1.1em;
}

a.forgot_password:hover {
	text-decoration:underline;
}

/* 10.0	Navigation */

/* 11.0	Forms */

fieldset {
}

legend {
}

label {
	font-size:1.1em;
	display:block;
	margin:0 0 3px 0; 
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#999999;
	border:1px solid #bdbaba;
	padding:3px;
	width:184px;
}

textarea {
}

button {
	background:#ffbd00;
	color:#FFFFFF;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding:4px 15px;
}

/* error trapping */

label.error {
	display:none!important;
}

input.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
}

input.error:focus,
textarea.error:focus {
	border: 1px solid #ff9999;
}



/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}