{}

html, body {
margin: 0px;
padding: 0px;
font-family: sans-serif;
color: black;
height: 100%;
}

h1, h2, h3 {
font-family: sans-serif;
}

h1 {
font-size: 200%; 
}

h2 {
font-size: 170%; 
}

h3 {
font-size: 120%; 
}

em {
font-family: sans-serif;
font-size: 100%; 
}

#header_container {
float: left;
background-color: #FFFFFF;
color: #000000;
border-bottom: solid 2px #333;
font-family: 'sans-serif';
width: 100%;
}


#header_abilitynet_logo {
float: left;
margin-top: 27px;
margin-left: 20px;
padding: 0px !important;
z-index: 0;
height: 100%;
border: solid 3px #000;
font-size: 0px;
}


#header_project_title {
float: right;
margin-top: 10px;
padding-top: 10px;
text-align: right;
}


#header_project_title h1 {
display: inline;
color: #000000;
font-family: sans-serif;
}


#header_project_logo {
float: right;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
background-color: white;
border: solid 0px #000;
}


#content_wrapper {
position: relative ;
margin-left: 3%;
background-color: #FFFFFF;
color: #000000;
border-bottom: solid 1px gray;
font-family: sans-serif;
}


#border_top {
border-top: solid 1px #808080;
margin-left: 10px;
}

.bodyText {
font-family: sans-serif;
font-size: 100%; 
text-align: left;
}

p.center, div.center, h1.center, h2.center, h3.center {
margin: 0px auto;
text-align: center;
}

input {
font-size: 100%; 
/* NEW FROM JOE */

}

/* 
Used for displaying registration form in register.php
*/
#registerForm {
width: 100%;
padding: 1px;
}

#registerForm div.row  {
clear: both;
padding-top: 10px;
}

#registerForm div.row span.label {
float: left;
text-align: right;
width: 25%;
border: 0px dashed red;
}

#registerForm div.row span.formfield {
padding-left: 5px;
float: left;
text-align: left;
}

#registerForm input[type=text] {
border: solid 2px #000000;
background-color: #FFFFFF !important;
color: #000000;
font-family: sans-serif;
}

.rapl_register_location {
border: solid 2px #000000 !important;
background-color: #FFFFFF !important;
color: #000000 !important;
font-family: sans-serif !important;
font-size: 100% !important;
}

label {
font-size: 100%; 
font-family: sans-serif;
}
/*
End of registration styles
*/


a:link {
text-decoration: none;
font-weight: bold;
font-size: 110%; 
border-bottom: dotted 1px #000000;
color: #000000;
 font-style: italic;
}

a:visited {
text-decoration: none;
font-weight: bold;
font-size: 110%; 
border-bottom: dotted 1px #000000;
color: #000000;
 font-style: italic;
}

a:hover, a:focus, a:active {
color: #FFFFFF;
font-weight: bold;
font-size: 110%; 
background-color: #000000;
border-bottom: solid 1px #000000;
text-decoration: none;
font-style: italic;
 }

/* New submit button class */

.submitButton {
cursor: pointer; 
border: solid 2px #000000; 
padding-left: 20px;
padding-right: 20px;
color: #000000;
background-color: #FFFFFF;
font-family: sans-serif;
font-size: 100%;
}

.submitButton:hover, .submitButton:focus, .submitButton:active {
cursor: pointer; 
border: solid 2px #000000; 
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF;
background-color: #000000;
font-family: sans-serif;
font-size: 100%;
}

.submitButtonFocus {
cursor: pointer; 
border: dashed 2px black; 
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF !important;
background-color: #000000 !important;
font-family: sans-serif;
font-size: 100%;
}

.customiseScreenLink {
color: #000000;
background-color: #FFFFFF;
font-family: sans-serif;
font-size: 100%;
padding: 5px;
border: solid 2px #000000;
}