/* General setup*/
img {
border-style: none;
border-color: inherit;
border-width: 0px;
}
html,body {
margin: 0;
padding: 0;
}
body {
font-size: 76%;
font-family: "Arial Rounded Bold", Arial, Helvetica, sans-serif;
text-align: center;
}
.block {
display: block;
}
/* text styles */
#constrain {
margin: 0 auto;
min-width: 770px;
max-width: 1300px;
}

em {font-weight: bold; font-style: normal;}
#middle {
text-align: left;
}
#middle p {
padding: 0;
margin: 1em 1em;
color: #000;
font-size: 1.1em;
}
p#signoff {
	margin-top: 5px;
	clear: both;
	color: #999;
	text-align: center;
}
#blog {
margin: 2px 0 0 2px;
}

#blogmid a{
text-decoration: none;
color: #531D7D;
}
#blogmid p {
margin: 0;
}
#blogmid p.date a {
color: #444;
}
#blogmid p.title a {
color: #531D7D;
font-weight: bold;
}
#blogmid p.body a {
color: #4B097E;
}
div.blogitem {
text-align: left;
margin-bottom: 10px;
}
#blogmid a:hover {
text-decoration: underline;
}

#nav {
display: block;
text-align: right;
height: 20px;
list-style: none;
font-size: 10pt;
font-weight: bold;
color: #999999;
margin: 0px;
padding: 3px 0 0 0;
}
#nav li {
display: inline;
}
#nav a:hover {
color: #4B097E;
text-decoration: none;
}
#nav a {
 color: #999999;
 padding:10px;
 text-decoration: none;
}

.nav {
display: block;
text-align: center;
height: 20px;
list-style: none;
font-size: 10pt;
font-weight: bold;
color: #999999;
margin: 0px;
padding: 3px 0 0 0;
}
.nav li {
display: inline;
}
.nav a:hover {
color: #4B097E;
text-decoration: none;
}
.nav a {
 color: #999999;
 padding:10px;
 text-decoration: none;
}

dt {
margin: 2em 1em 0 1em;
color: #531D7D;
font-weight: bold;
text-align: left;
}
dd {
text-align: left;
margin: 1em 1em 0 3em;
}

ul {
 padding: 0.8em 0 0.8em 1.8em;
}

/* The central rounded box */
#bubbletr {
font-family: "Arial Rounded MT Bold", "Arial Rounded Bold", Arial, Helvetica, sans-serif;
background: url('/images/purple-tr.gif') no-repeat right top;
margin-bottom: 5px;
}
#bubbletl {
background: url('/images/purple-tl.gif') no-repeat left 50%;
height: 16px;
}
#bubbletop {
height: 16px;
background: #531D7D;
margin: 0px 20px;
}
#bubblebr {
background: url('/images/purple-br.gif') no-repeat right 50%;
height: 16px;
}
#bubblebl {
background: url('/images/purple-bl.gif') no-repeat left 50%;
height: 16px;
}
#bubblebot {
height:16px;
background: #531D7D;
margin: 0px 20px;
}
#inbubble {
padding: 0 10px;
background: #531D7D;
text-align: left;
}
#inbubble p {
font-size: 1.5em;
color: #DDD2E5;
margin: 0 0 15px 10px;
padding: 0;
font-weight: normal;
}
#inbubble a {
text-decoration: underline;
color: #DDD2E5;
}
#inbubble h2 {
color: #FFFFFF;
font-size: 2.3em;
font-weight: bold;
margin: 0px;
text-transform: uppercase;
padding: 0;
text-align: center;
}
#inbubble h3 {
color: #FFFFFF;
font-size: 1.3em;
font-weight: bold;
margin: 0px;
padding: 0;
}

/* Rounded side boxes */
.roundtr {
background: url('/images/grey-tr.gif') no-repeat right top;
margin-bottom: 5px;
}
.roundtl {
background: url('/images/grey-tl.gif') no-repeat left 50%;
height: 16px;
}
.roundtop {
height: 16px;
background: #EDE8F2;
margin: 0px 18px;
}
.roundbr {
background: url('/images/grey-br.gif') no-repeat right 50%;
height: 16px;
}
.roundbl {
background: url('/images/grey-bl.gif') no-repeat left 50%;
height: 16px;
}
.roundbot {
height: 16px;
background: #EDE8F2;
margin: 0px 18px;
}
.roundmid {
background-color: #EDE8F2;
padding: 0px 10px;
}
.roundmid h2, .roundmid h3 {
margin: 0px 0px 10px 0px;
}
div.regtr {
margin-right: 4px;
}

.dot {
height: 1px;
width: 1px;
}

h1 {
height: 1px;
width: 1px;
overflow: hidden;
visibility: hidden;
margin: 0px;
padding: 0px;
}
h2, h3 {
font-size: 1.3em;
color: #531D7D;
padding: 0px;
font-weight: bold;
margin: 20px 0px 0px 10px;
}

/* Forms */
form {
	margin: 0;
	padding: 0;
}
fieldset {
margin-top: 12px;
}
.button, #searchsubmit {
margin: 0;
height: 26px;
color: #531D7D;
font-family: "Arial Rounded Bold", Arial, Helvetica, sans-serif;
font-size: 84%;
font-weight: bold;
background: url('/images/go.gif') no-repeat right 50%;
padding: 1px 33px 1px 1px;
text-decoration: none;
border-width: 0;
cursor: pointer;
width: auto;
overflow: visible;
}
a.button {
padding: 10px 33px 10px 1px;
}

.action {
padding: 10px 1px 10px 1px;
color: #531D7D;
font-family: "Arial Rounded Bold", Arial, Helvetica, sans-serif;
font-size: 84%;
font-weight: bold;
}

input, .input, textarea, select {
background-color: #CEBFDB;
margin: 0px;
overflow: auto;
padding: 0 2px;
border: 1px solid #CEBFDB;
color: #531D7D;
}

select[disabled="disabled"] {
color: gray;
}
input.tickbox {
vertical-align: middle;
background-color: white;
margin-right: 0.6em;
}
.input a {
color: #531D7D;
}

label {
text-align: left;
}

label.input {
display: block;
height: 1.6em;
}
label.indent, div.label, span.label {
display: block;
float: left;
width: 8em;
clear: left;
}

.labelcomplaint {
float: left;
width: 30%;
clear: both;
font-weight: bold;
margin-top: 5px;
}
.complaintbody {
margin-top: 5px;
float: left;
width: 69%;
}

div.indent {
margin-left: 10em;
text-align: left;
}

/* General content items */
img.help {
border-width: 0;
cursor: help;
vertical-align: middle;
}
div.helpleft {
width: 1.5em;
float: left;
border-width: 0;
margin-right: 2px;
}
   
span.tooltip {
cursor: help;
border-bottom: thin dotted #00f;
}
li.message {
color: red;
font-weight: bold;
}
td.left {
padding-right: 20px;
}

#one {
width: 24.5%
}
#twoandthree {
width: 75%;
float: right;
}
#two {
float: left;
width: 66.4%;
}
#three {
float: right;
width: 33.1%;
color: #531D7D;
font-weight: bold;
/* text-transform: capitalize; */
text-align: center;
}

/*
.reg {
width: 90%;
}
div.regmid textarea {
padding: 0 2px;
width: 90%;
}
div.regmid select {
padding-left: 2px;
width: 90%;
}
div.regmid p {
margin-left: 12px;
margin-right: 0;
text-align: left;
}
div.regmid a {
color: #531D7D;
}
*/

/* Search results */

.hilitelist1, .hilitelist2 {
margin: 1px;
font-size: 1.1em;
}
.hilitelist1 a, .hilitelist2 a {
color: #000;
text-decoration: none;
display: block;
padding: 5px 10%;
}
.hilitelist1 a {
background-color: #bbb;
}
.hilitelist2 a {
background-color: #ddd;
}
.hilitelist1 a:hover, .hilitelist2 a:hover {
background-color: #ace282;
}

table.report {
margin-top: 10px;
border-collapse: collapse;
font-size: 1.1em;
}

.report a {
display: block;
text-decoration: none;
color: #000;
margin: 0;
padding: 10px;
/* height: 2.5em; */
}

.report tr, .report td {
margin: 0;
padding: 0;
}
.report th {
font-weight: bold;
margin: 0;
padding: 0 10px 2px 5px;
}

.report1 {
background-color: #bbb;
}
.report2 {
background-color: #ddd;
}

.lit {
background-color: #ace282;
}

/* Message centre */
div.message {
border-style: outset;
background-color: #ccc;
margin: 0 0 10px 0;
}
div.messageuser {
border-style: outset;
background-color: #fff;
margin: 0 0 10px 0;
}

div.messagebody {
margin: 5px 0 0 0;
}
div.messagehead {
font-weight: bold;
}

/* the 3 controls on the home page to select service */
.SelectSelectionControl
{
	border: 1px solid #aaaaaa;
	width: 100%;
	overflow: hidden;
	font-family: "arial";
	font-size: 10pt;
	font-weight: normal;
}
.InputSelectionControl
{
	border: 1px solid #aaaaaa;
	width: 100%;
	overflow: hidden;
	height: 18px;
	font-family: "arial";
	font-size: 10pt;
	font-weight: normal;
}


.autocomplete_completionListElement 
{
	background-position: right top;
	visibility: hidden;
	margin: 0px!important;
	background-color: white;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	text-align: left;
	font-weight: normal;
	list-style-type: none;
	padding: 14px 0 0 0;
	background-image: url('/images/utellus-suggests.jpg');
	background-repeat: no-repeat;
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}
.autocomplete_listItem 
{
	color: windowtext;
	padding: 1px;
}