/* CSS Document */

label.indent, div.indent { float: left; width: 150px; clear: both; font-size: 12px; line-height: normal; margin: 2px 2px 2px 0;}


/*--------------------------------------- General Structure -----------------------------------------*/

.container{ position:relative; padding:0; margin:0 auto; width:960px;}

.content {position:relative; width:380px; padding:0 110px; margin:220px auto 0 auto; background:url(../images/content_top.png) left top no-repeat;}
.content_bottom {position:absolute; bottom:-25px; left:0; width:600px; height:25px; background:url(../images/content_bottom.png) left bottom no-repeat;}

.logo {float:left; display:block; width:380px; text-align:center; margin:20px 0;}

		
.text {float:left; display:block; width:380px;  margin:0 0 10px 0;}
.text p {}
		

.form {position:relative;}
.form form {}
.form p {}
.form label {width:60px; padding:9px 0 0 0;}
.form input {background:url(../images/input_bg.png) left top no-repeat; width:276px; padding:7px 15px 12px 15px; border:0; color:#666;}
.form input:focus {color:#000;}

.form a {}

.form button {float:right; display:block; background:url(../images/login_button.png) left top no-repeat; border:0; padding:0px 0 8px 0; height:36px; width:88px; font-size:14px; color:#990002; margin:0 10px 0 0;}
.form button:hover {background-position:0 -36px; color:#333;}
.form button:active {background-position:0 -72px; padding:2px 10px 5px 10px;}



.form .forgotten {float:left; margin:5px 0 0 64px;}


.result {}
.result p {float:left; display:block; margin:4px 0 10px 10px;}

.tick {float:left; display:block; width:40px; height:30px;}



.clear { clear:both; }


/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:#9F0000; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { color:#000000; font-size:15px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#666666; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#999999; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#CCCCCC; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#CCCCCC; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#CCCCCC; font-size:8px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li { font-size:12px; color:#000; list-style:disc; }
ol {}
ol li { font-size:12px; color:#000; list-style:decimal;}

em {}
pre {}
u {}
sub {}
sup {}

address {font-size:10px;}

a { color:#FFF; text-decoration:none; }
a:hover { color:#FFF; text-decoration:underline; }

p { font-size:14px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#FFF;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/