@charset "utf-8";
/* CSS Document */
body, html {
	/*min-height: 100%;*/
	
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #d8ecf2 url(/images/ui/header-bg-n.png) repeat-x 0 0;
	text-align: center;
	color: #000;
}

input, textarea, select, file {
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
}

input[type="text"], input[type="password"] {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #666;
	background: #fff url(/images/ui/form-text-bg.png) repeat-x;
}
/* n.b. these elements are auto-selected by modern browsers but need to be classed to support older browsers *cough*IE6*cough*/
input.radio, input[type="radio"], input.checkbox, input[type="checkbox"],
	input.image, input[type="image"] {
	border: none;
	background: none;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 920px;
	height: 140px;
	text-align: left;
	z-index: 1;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: .5em 0;
}

h1 {
	font-size: 2.5em;
	color: #c22c43;
}

h2 {
	font-size: 2em;
	color: #c22c43;
	padding-top: 1em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-weight: bold;
}

form {
	margin: 0;
}

blockquote {
	margin: 1em 18px;
}

#content p {
	margin: .5em 0;
	line-height: 1.8em;
}
/* link buttons */
.red-box a.button:link, a.button:visited {
	background: transparent url(/images/ui/button-action-t.png) 100% -384px
		no-repeat;
}

.red-box a.button:link span, a.button:visited span {
	background: url(/images/ui/button-action-t.png) 0 -408px no-repeat;
}

a.button:link, a.button:visited {
	position: relative;
	display: inline-block;
	background: transparent url(/images/ui/button-action.png) 100% 0
		no-repeat;
	outline: none;
	cursor: pointer;
}

a.button:link span, a.button:visited span {
	display: inline-block;
	height: 17px;
	margin: 0;
	padding: 3px 18px;
	background: url(/images/ui/button-action.png) 0 -24px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: -1px;
	color: #eee;
	text-shadow: #666 0 1px 0;
	outline: none;
}

a.button:hover, a.button:focus, a.button:active {
	background-position: 100% -48px;
}

a.button:hover span, a.button:focus span, a.button:active span {
	background-position: 0 -72px;
}

a.positive:link, a.positive:visited, a.positive:link span, a.positive:visited span
	{
	background-image: url(/images/ui/button-positive.png);
}

a.red:link, a.red:visited, a.red:link span, a.red:visited span {
	background-image: url(/images/ui/button-berry.png);
}

#login-info a.button:link, #login-info a.button:visited {
	float: right;
}

#login-info a.button:link, #login-info a.button:visited, #login-info a.button:link span,
	#login-info a.button:visited span {
	background-image: url(/images/ui/button-action-frame.png);
}

#login-info a.positive:link, #login-info a.positive:visited, #login-info a.positive:link span,
	#login-info a.positive:visited span {
	background-image: url(/images/ui/button-positive-frame.png);
}
/* against general box */
#content div.blue-box a.button {
	background-position: 100% -96px;
}

#content div.blue-box a.button:link span, #content div.blue-box a.button:visited span
	{
	background-position: 0 -120px;
}

#content div.blue-box a.button:hover {
	background-position: 100% -144px;
}

#content div.blue-box a.button:hover span {
	background-position: 0 -168px;
}
/* against positive */
#content div.green-box a.button {
	background-position: 100% -192px;
}

#content div.green-box a.button span {
	background-position: 0 -216px;
}

#content div.green-box a.button:hover {
	background-position: 100% -240px;
}

#content div.green-box a.button:hover span {
	background-position: 0 -264px;
}
/* against information */
#content div.tan-box a.button {
	background-position: 100% -288px;
}

#content div.tan-box a.button span {
	background-position: 0 -312px;
}

#content div.tan-box a.button:hover {
	background-position: 100% -336px;
}

#content div.tan-box a.button:hover span {
	background-position: 0 -360px;
}
/* form button */
input.button, #content input.button {
	position: relative;
	display: inline-block;
	width: 132px;
	/*	min-height: 17px;
	max-height: 23px;*/
	height: 23px;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding: 3px 0; /*2px 0 4px;*/
	font: 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #eee;
	text-shadow: #666 0 1px 0;
	outline: none;
	cursor: pointer;
}
/* Wacky Firefox magic padding which no other browsers add... */
input.button::-moz-focus-inner, #content input.button::-moz-focus-inner
	{
	margin: -1px 0 0;
	padding: 0;
	border: 0;
}

input.button:hover, input.button:focus, input.button:active, #content input.button:hover,
	#content input.button:focus, #content input.button:active {
	background-position: 0 -24px;
	color: #fff;
}

input.small, #content input.small {
	width: 96px;
}

input.button {
	background: url(/images/ui/button-action-form.png) 0 0 no-repeat;
}

input.green-alt {
	background: url(/images/ui/button-action-form-alt.png) 0 0 no-repeat;
}

input.positive {
	background: url(/images/ui/button-positive-form.png) 0 0 no-repeat;
}

input.red {
	background: url(/images/ui/button-berry-form.png) 0 0 no-repeat;
}

input.red-bg-red {
	background: url(/images/ui/button-berry-form_red-bg.png) 0 0 no-repeat;
}

input.search, #content input.search {
	font-size: .9em;
	color: #333;
	text-shadow: #eee 0 1px 0;
	font-weight: normal;
	letter-spacing: normal;
	background: url(/images/ui/button-action-search.png) 0 0 no-repeat;
}

input.search:hover, #content input.search:hover {
	color: #555;
}

input.small, #content input.small {
	background-position: -133px 0;
}

input.small:hover, input.small:focus, input.small:active, #content input.small:hover,
	#content input.small:focus, #content input.small:active {
	background-position: -133px -24px;
}
/* against general box */
#content .blue-box input.button {
	background-position: 0 -48px;
}

#content .blue-box input.button:hover, #content .blue-box input.button:focus,
	#content .blue-box input.button:active {
	background-position: 0 -72px;
}

#content .blue-box input.small {
	background-position: -133px -48px;
}

#content .blue-box input.small:hover, #content .blue-box input.small:focus,
	#content .blue-box input.small:active {
	background-position: -133px -72px;
}
/* against positive box */
#content .green-box input.button {
	background-position: 0 -96px;
}

#content .green-box input.button:hover, #content .green-box input.button:focus,
	#content .green-box input.button:active {
	background-position: 0 -144px;
}

#content .green-box input.small {
	background-position: -133px -96px;
}

#content .green-box input.small:hover, #content .green-box input.small:focus,
	#content .green-box input.small:active {
	background-position: -133px -144px;
}
/* against information box */
#content .tan-box input.button {
	background-position: 0 -192px;
}

#content .tan-box input.button:hover, #content .tan-box input.button:focus,
	#content .tan-box input.button:active {
	background-position: 0 -240px;
}

#content .tan-box input.small {
	background-position: -133px -192px;
}

#content .tan-box input.small:hover, #content .tan-box input.small:focus,
	#content .tan-box input.small:active {
	background-position: -133px -240px;
}
/* Header */
h1#logo {
	/*	position: absolute;
	top: 11px;
	left: 20px;*/
	margin: 0;
	padding: 0;
}

h1#logo a {
	display: block;
	width: 407px;
	height: 80px;
	font-size: 0;
	line-height: 0;
	text-indent: -999;
	padding: 0 0 0;
	background: url(/images/ui/VedaeTrace.png) no-repeat -14px 0;
	overflow: hidden;
}

p#tagline {
	position: absolute;
	bottom: 68px;
	left: 420px;
	margin: 0;
	line-height: 1.5em;
	color: #999;
}

p#veda-tag {
	position: absolute;
	right: 2px;
	top: 51px;
	margin: 0;
}

p#login-info {
	position: absolute;
	top: 103px;
	right: 2px;
	margin: 0;
	padding: 0;
	color: #999;
	white-space: nowrap;
	width: 440px;
}

p#login-info span.login-details {
	display: block;
	float: right;
	text-align: right;
	padding: 0 10px 0 0;
}

p.single-line {
	line-height: 2em;
}

p.double-line {
	line-height: 1.2em;
}

p.double-line span.login-details {
	margin: -.2em 0 0;
}
/* Navbar */
ul#navbar {
	/*	position: absolute;
	top: 60px;
	left: 20px;*/
	width: 624px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1;
	overflow: hidden;
}

ul#navbar li {
	float: left;
	margin: 0 25px 0 0;
}

ul#navbar li a, ul#navbar li span {
	display: block;
	height: 0;
	padding: 56px 0 0;
	overflow: hidden;
	background: url(/images/ui/navbar.png) no-repeat;
	outline: none;
}

ul#navbar li span, ul#navbar li a.selected {
	padding: 75px 0 0;
}

ul#navbar li#nav-search a:link, ul#navbar li#nav-search a:visited {
	width: 100px;
	background-position: 0 0;
}

ul#navbar li#nav-search a:hover, ul#navbar li#nav-search a:focus, ul#navbar li#nav-search span,
	ul#navbar li#nav-search a.selected:link, ul#navbar li#nav-search a.selected:visited
	{
	width: 100px;
	background-position: 0 -75px;
}

ul#navbar li#nav-account a:link, ul#navbar li#nav-account a:visited {
	width: 112px;
	background-position: -100px 0;
}

ul#navbar li#nav-account a:hover, ul#navbar li#nav-account a:focus, ul#navbar li#nav-account span,
	ul#navbar li#nav-account a.selected:link, ul#navbar li#nav-account a.selected:visited
	{
	width: 112px;
	background-position: -100px -75px;
}

ul#navbar li#nav-help a:link, ul#navbar li#nav-help a:visited {
	width: 78px;
	background-position: -212px 0;
}

ul#navbar li#nav-help a:hover, ul#navbar li#nav-help a:focus, ul#navbar li#nav-help span,
	ul#navbar li#nav-help a.selected:link, ul#navbar li#nav-help a.selected:visited
	{
	width: 78px;
	background-position: -212px -75px;
}

ul#navbar li#nav-about a:link, ul#navbar li#nav-about a:visited {
	width: 92px;
	background-position: -290px 0;
}

ul#navbar li#nav-about a:hover, ul#navbar li#nav-about a:focus, ul#navbar li#nav-about span,
	ul#navbar li#nav-about a.selected:link, ul#navbar li#nav-about a.selected:visited
	{
	width: 92px;
	background-position: -290px -75px;
}

ul#navbar li#nav-demo a:link, ul#navbar li#nav-demo a:visited {
	width: 92px;
	background-position: -382px 0;
}

ul#navbar li#nav-demo a:hover, ul#navbar li#nav-demo a:focus, ul#navbar li#nav-demo span,
	ul#navbar li#nav-demo a.selected:link, ul#navbar li#nav-demo a.selected:visited
	{
	width: 92px;
	background-position: -382px -75px;
}

div#content {
	position: relative;
	width: 960px;
	min-height: 420px;
	margin: -3px auto 0;
	padding: 22px 0;
	background: url(/images/ui/content-block-mid.png) repeat-y;
	text-align: left;
	overflow: auto;
}

span.block-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 22px;
	background: url(/images/ui/content-block-ends.png) 0 0 no-repeat;
}

span.block-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 960px;
	height: 22px;
	background: url(/images/ui/content-block-ends.png) 0 -22px no-repeat;
}

#footer {
	position: relative;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 1em 0 2em;
	text-align: left;
	overflow: visible;
}

#footer dl {
	margin: 1em 0 0;
}

#footer dl dt {
	font-weight: bold;
	color: #8bacb6;
	margin: 0 0 .5em;
}

#footer dl dd {
	margin: .5em 0 .5em 12px;
	padding: 0;
}

#footer #footnav-branding {
	color: #8bacb6;
	text-align: center;
}

#footer #footnav-branding p {
	margin: .5em 0;
	line-height: 1.4em;
}

#footer #footnav-branding h3 {
	margin: 0;
}

#footer #footer-tagline {
	font-weight: bold;
}

.col-container {
	float: left;
	width: 100%;
}

#footer .col-container {
	padding: 0 0 1.5em;
}

.col-1-2 {
	float: left;
	width: 440px;
	padding: 0 20px;
}

.col-whole {
	width: 920px;
	padding: 0 20px;
}

.col-1-2-only {
	float: left;
	width: 480px;
}

.col-1-2 h2, .col-1-2 h3 {
	padding-top: 0;
}

.col-1-4 {
	float: left;
	width: 200px;
	padding: 0 20px;
}

.col-1-4-right {
	float: right;
	width: 200px;
	padding: 0 20px;
}

.col-1-4-only {
	float: left;
	width: 240px;
}

div.inset {
	width: 920px;
	clear: both;
	margin: 0;
	padding: 0 20px;
}

div.inset h2 {
	padding: .5em 0 0;
}

div#what-is-ro {
	padding: 1.9em 0 0;
}

.left-col, div#what-is-ro .left-col {
	float: left;
	width: 240px;
	padding: 0 10px 0 0;
}

.right-col, div#what-is-ro .right-col {
	float: right;
	width: 180px;
	padding: 0 0 0 10px;
}

ul.benefit-list {
	margin: .5em 0;
	padding: 0;
	list-style: none;
}

ul.benefit-list li {
	margin: .5em 0;
	padding: 0 0 0 18px;
	background: url(/images/ui/list-item-mini.png) no-repeat;
	color: #999;
}

ul.benefit-list li strong {
	color: #000;
}

a:link, a:visited {
	color: #186983;
	text-decoration: none;
}

a:hover {
	color: #90c2d5;
}

a:active {
	color: #c22c43;
}

table.generic-list {
	border: 1px solid #79abbc;
	clear: both;
	line-height: 1.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

table.list-alt {
	border-color: #4c7a37;
}

table.generic-list th {
	padding: 4px 6px;
	text-align: left;
	background: #2c6989 url(/images/ui/table-th-bg.png) left top repeat-x;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}

table.list-alt th {
	background-image: url(/images/ui/table-th-bg-alt.png);
}

table.generic-list td {
	background: #ddd;
	padding: 4px 6px;
	font-size: 1.0em;
	vertical-align: top;
}

table.generic-list td.note_followup {
	font-weight: bold;
}

table.generic-list td.note_overdue {
	font-weight: bold;
	color: #f00;
}

table.generic-list tr.odd td {
	background: #fff;
}

table.generic-list tr.even td {
	background: #eef3f6;
}

table.list-alt tr.even td {
	background: #eef6e0;
}

table.generic-list tr.hilight td {
	background: #fbb;
}

table.generic-list th a {
	display: inline;
}

table.generic-list th.sort-asc a {
	padding: 0 16px 0 0;
	background: url(/images/ui/sort-directions.png) 100% 0 no-repeat;
}

table.generic-list th.sort-desc a {
	padding: 0 16px 0 0;
	background: url(/images/ui/sort-directions.png) 100% -16px no-repeat;
}

table.generic-list th a:link, table.generic-list th a:visited {
	color: #ccc;
}

table.generic-list th a:hover {
	color: #fff;
	text-decoration: none;
}

table.generic-list tr.odd:hover td {
	background: #ffc;
}

table.generic-list tr.even:hover td {
	background: #eeb;
}

table.generic-list td a {
	font-weight: bold;
}

table.generic-list td a.right {
	font-weight: normal;
}

table.generic-list tr.dynamic td {
	padding: 0 6px;
	background: #cad2d7 url(/images/ui/table-dynamic-bg.png) top left
		repeat-x;
	color: #333;
	text-shadow: 0 1px 0 #ddd;
}

table.generic-list tr.dynamic td td {
	background: #dfe7ed;
	padding: 2px 5px;
	text-shadow: none;
}

table.generic-list tr.dynamic td td.detail {
	background: #dae2e8;
}

table.generic-list tr.dynamic .col-container {
	padding-bottom: .5em;
}

table.generic-list tr.dynamic .col-1-2 {
	width: 49%;
	padding: 0;
}

table.generic-list tr.dynamic .left-col {
	margin: 0 1% 0 0;
}

table.generic-list tr.dynamic .right-col {
	margin: 0 0 0 1%;
}

.pagination {
	float: left;
	width: 100%;
	margin: .5em 0;
}

.pagination .totals {
	float: right;
}

.pagination .pages {
	float: left;
}

.pagination a:hover {
	background: #09c;
	color: #fff;
	text-decoration: none;
}
/* tabs for details */
div.tab-panes div.pane {
	display: none;
}
/* Tabs is the main one; tab-list is usually added to side-class the tabs for logged in user */
ul.tabs {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 -1px;
	padding: 0;
	list-style: none;
}

ul.dynamic-region {
	margin-top: 22px;
	margin-bottom: 6px;
}

ul.tab-list {
	float: left;
	width: 916px;
	margin: .5em 2px;
	padding: 0 20px;
	list-style: none;
	background: url(/images/ui/tab-list-bg.png) left bottom repeat-x;
	border-bottom: 1px solid #80b2c2;
}

ul.tabs li {
	float: left;
	margin: 0 1px 0 0;
}

ul.dynamic-region li {
	margin: 0;
}

ul.tab-list li {
	margin: 1px 1px -1px 0;
}

ul.tabs li a {
	display: block;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(/images/ui/tab-bar.png) no-repeat;
	outline: none;
	cursor: pointer;
}

ul#tabs-nz li a {
	background-image: url(/images/ui/tab-bar-alt.png);
}

ul.dynamic-region li a {
	background-image: url(/images/ui/tab-bar-super.png);
}

ul.tabs li a.current {
	margin: -3px 0 0;
	height: 29px;
}

ul.tabs li a:link, ul.tabs li a:visited {
	background-position: 100% -60px;
	color: #eee;
}

ul.tabs li a:hover, ul.tabs li a:focus {
	background-position: 100% -112px;
	color: #fff;
}

ul.dynamic-region li a:link, ul.dynamic-region li a:visited {
	color: #333;
	text-shadow: 0 1px 0 #ccc;
}

ul.tabs li a.current:link, ul.tabs li a.current:visited, ul.tabs li a.current:hover,
	ul.tabs li a.current:focus {
	background-position: 100% 0;
	color: #287993;
	text-shadow: 0 1px 0 #fff;
}

ul.dynamic-region li a.current:link, ul.dynamic-region li a.current:visited
	{
	color: #666;
	text-shadow: 0 1px 0 #fff;
}

ul#tabs-nz li a.current:link, ul#tabs-nz li a.current:visited, ul#tabs-nz li a.current:hover,
	ul#tabs-nz li a.current:focus {
	color: #4e9328;
}

ul.tabs li a span {
	display: block;
	height: 21px;
	margin: 0;
	padding: 4px 10px 0;
	line-height: 1.5em;
	background: url(/images/ui/tab-bar.png) no-repeat;
}

ul.dynamic-region li a span {
	width: 200px;
}

ul#tabs-nz li a span {
	background-image: url(/images/ui/tab-bar-alt.png);
}

ul.dynamic-region li a span {
	background-image: url(/images/ui/tab-bar-super.png);
}

ul.tabs li a:link span, ul.tabs li a:visited span {
	background-position: 0 -86px;
}

ul.tabs li a:hover span, ul.tabs li a:focus span {
	background-position: 0 -138px;
}

ul.tabs li a.current:link span, ul.tabs li a.current:visited span, ul.tabs li a.current:hover span,
	ul.tabs li a.current:focus span {
	height: 24px;
	padding-top: 5px;
	line-height: 1.5em;
	background-position: 0 -30px;
}

div.tab-regions {
	margin-top: 22px;
	background: url(/images/ui/tab-block-super-bg.png) repeat-y;
	-moz-border-bottomleft-radius: 16px;
	-moz-border-bottomright-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

div.pane {
	border: 1px solid #80b2c2;
	clear: both;
	padding: 10px;
	background: #fff;
	-moz-border-topright-radius: 8px;
	-moz-border-bottomleft-radius: 8px;
	-moz-border-bottomright-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: auto;
}

div#tab-nz div.pane {
	border: 1px solid #98c281;
}

div.pane h3 {
	margin: 0;
}

div.pane dl, dl.user-form {
	float: left;
	width: 100%;
	margin: .5em 0 1em;
}

div.pane dt, dl.user-form dt {
	float: left;
	clear: both;
	width: 110px;
	margin: .5em 0 0;
	font-weight: bold;
	line-height: 2em;
	text-align: right;
}

div.pane dt.error-state, dl.user-form dt.error-state {
	color: #c22c43;
	font-style: italic;
}

div.pane dt.warning-state, dl.user-form dt.warning-state {
	color: #F88017;
	font-style: italic;
}

div.pane dd, dl.user-form dd {
	float: right;
	width: 288px;
	margin: .5em 0 0;
	padding: 0;
}

div.pane dd input, dl.user-form dd input {
	width: 220px;
	border: 1px solid #666;
	margin: 0;
	padding: 2px 6px;
}

div.pane label {
	display: block;
	float: right;
	margin-top: 3px;
	margin-right: 30px;
}

div.pane dd input.checkbox {
	width: auto;
	margin: auto;
	padding: inherit;
	border: none;
	vertical-align: top;
	vertical-align: -2px; /* for webkit */
}

div.pane dd input.search-phone {
	width: 150px;
}

div.pane dd input.search-street-number {
	width: 70px;
}

div.pane dd input.search-postcode {
	width: 50px;
}

div.pane dd input.error-state, dl.user-form dd input.error-state {
	border: 1px solid #c22c43;
	padding: 2px 6px;
}

div.pane dd input.warning-state, dl.user-form dd input.warning-state {
	border: 1px solid #F88017;
	padding: 2px 6px;
}

div.pane dd.submit, dl.user-form dd.submit {
	margin: 1em 0 0;
}

div.pane dd.submit input, dl.user-form dd.submit input {
	width: auto;
	padding: 2px 12px;
	border: 1px solid #999;
}

div.blue-box, div.green-box, div.tan-box, div.red-box {
	clear: both;
	margin: 0 0 1.5em;
	padding: 9px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*	overflow: visible;*/
	overflow: hidden;
}

div.blue-box ul, div.green-box ul, div.tan-box ul, div.red-box ul {
	margin: 1em 0 1em 18px;
	padding: 0;
}

div.blue-box ul li, div.green-box ul li, div.tan-box ul li, div.red-box ul li
	{
	margin: .5em 0;
}

.col-1-2 div.blue-box, .col-1-2 div.green-box, .col-1-2 div.tan-box,
	.col-1-2 div.red-box {
	float: left;
	width: 420px;
}

.col-1-2 .pane div.red-box {
	float: none;
	width: auto;
}

div.blue-box {
	border: 1px solid #80b2c2;
	background: #dcecf4 url(/images/ui/top-lighten.png) repeat-x;
}

div.green-box {
	border: 1px solid #aac280;
	background: #e9f4dc url(/images/ui/top-lighten.png) repeat-x;
}

div.tan-box {
	border: 1px solid #c2a680;
	background: #f4ecdc url(/images/ui/top-lighten.png) repeat-x;
}

div.red-box {
	border: 1px solid #c22c43;
	background: #ffe0e0 url(/images/ui/top-lighten.png) repeat-x;
}

span.form-error {
	color: #c22c43;
}

.left {
	float: left;
}

.right {
	float: right;
}

p.left, p.right {
	margin: 0;
}

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

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

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

#content div.blue-box p.sub-info {
	position: relative;
	top: .5em;
	clear: both;
	margin: 1em 0 .5em;
	padding: .5em 0 0;
	border-top: 1px dotted #80b2c2;
	color: #799;
	font-size: .9em;
}
/* Details List */
dl.detail-list {
	margin: 0;
	padding: 0;
	width: 205px;
}

dl.detail-list-flat {
	overflow: hidden;
}

dl.detail-list-flat dt {
	width: 105px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	min-height: 25px;
}

dl.detail-list-flat dd {
	display: block;
}

dl.full-width {
	clear: both;
	margin: 0;
	padding: 0;
	width: 420px;
}

dl.detail-list dt {
	margin: 0 0 -.25em;
	padding: .5em 3px 0;
	font-size: .9em;
	font-weight: normal;
	color: #7b8a99;
}

dl.detail-list dd {
	margin: 0;
	padding: .5em 3px 0;
	border-bottom: 1px dotted #80b2c2;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	min-height: 21px;
}

dl.detail-list dd.text {
	padding-bottom: .5em;
}

dl.detail-list dd.no-divider {
	border-bottom: none;
}

dl.detail-list dd input, dl.detail-list dd textarea, dl.detail-list dd file
	{
	margin: 0 0 .5em;
	padding: 2px 4px;
	border: 1px solid #666;
	max-width: 190px;
}

dl.full-width dd textarea {
	margin: 0 0 .5em;
	padding: 2px 4px;
	border: 1px solid #666;
	max-width: 400px;
	width: 400px;
}

dl.detail-list dd input.radio, dl.detail-list dd input[type="radio"], dl.detail-list dd input.checkbox,
	dl.detail-list dd input[type="checkbox"], dl.detail-list dd input.image,
	dl.detail-list dd input[type="image"] {
	margin: 0 0 .5em;
	padding: 0;
	border: none;
}

dl.detail-list dd input.radio, dl.detail-list dd input[type="radio"], dl.detail-list dd input.checkbox,
	dl.detail-list dd input[type="checkbox"] {
	margin-top: 6px;
}

dl.detail-list dd select {
	margin: 0 0 .5em;
	padding: 1px 1px;
	border: 1px solid #666;
}

span.description, span.support-text {
	/* This is a fine balancing act to make IE, Firefox and Chrome all behave similarly */
	position: relative;
	display: inline-block;
	margin: 0 0 -1px;
	padding: 1px 0 0;
	line-height: 1.7em;
	vertical-align: top;
}

span.description {
	color: #999;
	font-weight: normal;
}

span.support-text {
	color: #666;
	font-weight: bold;
}

span.input-follows {
	margin-bottom: .5em;
}

span.required-mark {
	font-weight: bold;
	margin: 0 0 0 3px;
}

#content div dl.detail-list-flat dt.error-field, #content div dl.detail-list dt.error-field
	{
	color: #e47;
	font-weight: bold;
}
/* detail list colour styles */
div.green-box dl.detail-list dt {
	color: #86997b;
}

div.green-box dl.detail-list dd {
	border-color: #aac280;
}

div.tan-box {
	border-color: #c2a680;
	background-color: #f4ecdc;
}

div.tan-box dl.detail-list dt {
	color: #99947b;
}

div.tan-box dl.detail-list dd {
	border-color: #c2a680;
}
/* search parameters box */
div.search-parameters-box {
	width: 400px;
	float: right;
	margin: -33px 0 10px 0;
	/*	border: 1px solid #80b2c2;
	background: #dcecf4 url(/images/ui/top-lighten.png) repeat-x;*/
	padding: 10px;
	overflow: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.parameter-group {
	float: left;
	width: 100%;
	margin: 0;
}

div.parameter-group dl {
	float: left;
	width: 31%;
	margin: 0 1% 0 0;
	padding: 0;
	font-size: 0.9em;
}

div.parameter-group dt {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

div.parameter-group dd {
	float: left;
	width: auto;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0 0 0 5px;
}

.tab-pref {
	float: right;
}

ul.error-list {
	margin: 0 0 0 18px;
	padding: 0;
}

ul.error-list li {
	margin: .5em 0;
	color: #e47;
}

div.inset dl {
	margin: 0;
}
/* The padding on this element sometimes affects IE's buttons - be wary */
#content dl dd.submit-left, #content dl dd.submit-right {
	position: relative;
	clear: both;
	border-top: 1px dotted #80b2c2;
	width: 100%;
	margin: 1em 0 0;
	padding: 1.2em 0 0;
}

#content dl dd.submit-left {
	text-align: left;
}

#content dl dd.submit-right {
	text-align: right;
}

#content .col-1-2 dl dd.submit-left, #content .col-1-2 dl dd.submit-right
	{
	padding: 1.3em 0 0;
}

#content dl dd.no-clearing, #content .col-1-2 dl dd.no-clearing {
	border-top: none;
	margin: 0;
	padding: 0;
}

p.search-bar {
	padding-bottom: 1em;
}
/* Tables */
table.price-matrix {
	border: 1px solid #555;
	background: #fff;
}

table.price-matrix th {
	text-align: left;
	border-bottom: 1px solid #999;
	background: #f0f0f0;
}

table.price-matrix td {
	border-bottom: 1px solid #ccc;
}

#our-customers-xfade {
	width: 150px;
	height: 80px;
}

ul.customer-list li {
	width: 33%;
	float: left;
	display: block;
}

a.delete:link, a.delete:visited {
	color: #c00;
}

ul.action-list {
	float: left;
	width: 100%;
	margin: -0.5em 0 1em;
	padding: 2px 0 2px 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

ul.action-list li {
	float: left;
	margin: 0 6px 0 0;
}

ul.action-list a:link, ul.action-list a:visited {
	display: inline;
	padding: 3px 6px;
	color: #09c;
}

ul.action-list a:hover {
	background: #09c;
	color: #fff;
	text-decoration: none;
}

.approximate-dob {
	padding: 0 0 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f63;
}
/* This originally announced a new site version, but has been co-opted to display other stuff as well */
p.site-version {
	margin: 0;
	height: 0;
}

p.site-version a.text:link, p.site-version a.text:visited {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 56px 0 0;
	text-align: right;
	z-index: 1;
	color: #e17f84;
	text-decoration: none;
}

p.site-version a.corner:link, p.site-version a.corner:visited {
	text-indent: -9999;
	line-height: 0;
	font-size: 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 46px;
	padding: 8px 0 0 0;
	background: url(/images/ui/content-block-peel-new.png) 100% 0 no-repeat;
	text-align: right;
	z-index: 1;
	text-decoration: none;
}

p.site-version a.text:hover, p.site-version a.text:active {
	color: #e79a9e;
}

p.site-version a.corner:hover, p.site-version a.corner:active {
	background-position: 100% -54px;
}

ul.filter-list {
	float: right;
	margin: 0 0 1em;
	padding: 4px 0 0;
	height: 20px;
	list-style: none;
}

ul.filter-list li {
	float: left;
	margin: 0 0 0 8px;
}

ul.filter-list a:hover {
	background: #09c;
	color: #fff;
	text-decoration: none;
}

div.slideshow-buttons {
	clear: both;
	padding-top: 20px;
	margin-left: 102px;
}
/* Risk Indicator */
span.risk-indicator {
	display: block;
	float: left;
	width: 20px;
	height: 0;
	margin-top: 1px;
	margin-right: 8px;
	padding-top: 16px;
	overflow: hidden;
	background: url(/images/ui/risk-indicator.png) 0 -160px no-repeat;
}
/* Levels go from 10 (good rating) to 1 (poor rating), with 0 representing unknown */
span.level-10 {
	background-position: 0 0;
}

span.level-9 {
	background-position: 0 -16px;
}

span.level-8 {
	background-position: 0 -32px;
}

span.level-7 {
	background-position: 0 -48px;
}

span.level-6 {
	background-position: 0 -64px;
}

span.level-5 {
	background-position: 0 -80px;
}

span.level-4 {
	background-position: 0 -96px;
}

span.level-3 {
	background-position: 0 -112px;
}

span.level-2 {
	background-position: 0 -128px;
}

span.level-1 {
	background-position: 0 -144px;
}

span.level-0 {
	background-position: 0 -160px;
}
/* Big apply button */
p#signup-lower {
	position: absolute;
	bottom: 36px;
	margin: 0;
}

p#signup-lower a {
	display: block;
	width: 224px;
	height: 0;
	padding: 53px 0 0;
	overflow: hidden;
	background: url(/images/ui/button-hero-apply-now.png) 0 0 no-repeat;
}

p#signup-lower a:hover {
	background-position: 0 -53px;
}
/* Extra list stuff */
td a.info-revealer {
	display: block;
	width: 33px;
	height: 0;
	padding: 18px 0 0;
	overflow: hidden;
	background: 0 0 no-repeat;
}

td a.info-revealer:hover {
	background-position: 0 -18px;
}

td a.active {
	background-position: -33px 0;
}

td a.active:hover {
	background-position: -33px -18px;
}

td a.icon-gavel {
	background-image: url(/images/ui/icon-info-gavel.png);
}

tr.dynamic td h3 {
	margin: 0;
	padding: .5em 6px;
	clear: both;
	color: #555b66;
}

a.view-sale-rent {
	margin-right: 3px;
}

a.view-individual {
	margin-right: 3px;
}

.sale-rent-details-container {
	display: none; /* This will be shown with jQuery */
	margin-top: 5px;
	height: auto;
	overflow: hidden;
}

table.sale-rent-details.srgen {
	margin-left: 2px;
}

table.generic-list tr.sale-rent-details-container td {
	background: none;
}

table.generic-list table.sale-rent-details td {
	background: #dee;
}

table.generic-list tr:hover table.sale-rent-details td {
	background: #eed;
}

table.generic-list tr:hover table.sale-rent-details tr:hover td {
	background: #ffe;
}

a.icon-16 {
	margin-top: 1px;
}

a.view-abr {
	margin-left: 3px;
}
/* JS Debuggy console */
#debuggy {
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgb(255, 255, 255);
	color: #000;
	font-size: 1em;
	width: 350px;
	height: 600px;
	padding: 10px;
	overflow: auto;
	z-index: 10;
	text-align: left;
	display: none;
	-webkit-box-shadow: 0 0 3px rgb(0, 0, 0);
	-moz-box-shadow: 0 0 3px rgb(0, 0, 0);
	box-shadow: 0 0 3px rgb(0, 0, 0);
}

#debuggy a {
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;
}

table.generic-list td.valign-mid {
	vertical-align: middle;
}

table.generic-list td.valign-top {
	vertical-align: top;
}

h2.p-header {
	font-size: 1.5em;
}

h2.p-header.r-panel {
	margin-top: -23px;
}

h1.r-panel {
	margin-top: -84px;
}

a.b-featured {
	color: #3F6AE6;
}

h3.account-status {
	font-size: 1.33em;
}

dl.csv-panel.full-width {
	padding-top: 6px;
}

.csv-panel .help {
	margin-left: 12px;
}

.csv-panel .text-link {
	float: left;
	display: block;
}

a.help {
	background: url('/images/content/help.png') no-repeat 0 0;
	width: 18px;
	height: 18px;
	text-indent: -999px;
	line-height: 0;
	font-size: 0;
	display: inline-block;
}

span.grey-out {
	color: #666;
}

#content .tan-box .submit input.button {
	background-position: inherit;
}

#content dl.submit dd.submit-left, #content dl.submit dd.submit-right {
	border-top: none;
	border-bottom: none;
}

dl.detail-list dd input.long-input, input.long-input {
	max-width: 550px;
}

.no-padd, table.generic-list .no-padd {
	padding: 0;
}

.result-search {
	text-indent: -999px;
	font-size: 0;
	line-height: 0;
	background: url('/images/ui/search_icon.png') 0 0;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	margin-right: 4px;
}

.skip_trace {
	display: block;
	width: 300px;
	height: 35px;
	background: url(/images/ui/button-hero-sstr.png) 0 0 no-repeat;
	line-height: 0;
	font-size: 0;
	text-indent: -999px;
}

.skip_trace:hover {
	background: url(/images/ui/button-hero-sstr.png) 0 -35px no-repeat;
}

.error-bold {
	color: #c22c43;
	font-weight: bold;
}

#footnav-branding {
	float: right;
}

.fl-image {
	list-style: none;
	padding: 0;
	margin-left: -1px;
	margin-right: -25px;
}

.ul-con {
	overflow: hidden;
	margin-right: -10px;
}

.fl-image li {
	list-style: none;
	float: left;
}

.fl-image li.low {
	margin-top: 20px;
}

.blue-box.auto-with, .col-1-2 .blue-box.auto-with {
	float: none;
	width: auto;
}

.float-r {
	float: right;
}

#prcing-sub {
	display: block;
	margin-top: -15px;
}

table.price-matrix tr:hover td {
	background: #eee;
}

.tip {
	color: #333;
	font-size: 1em;
}

#cbp-tbl td, #cbp-tbl th {
	text-align: center;
}

.highlight {
	color: #E07070;
}

.bigger {
	font-size: 1.1em;
	color: #C22C43;
}

#content .col-whole p {
	line-height: 16px;
	margin: 1em 0;
}

.line-up {
	padding-left: 12px;
}

.fund-frm {
	background: #fff;
	border: 1px solid #666;
	padding: 3px;
}

.fund-frm label {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	margin: 3px 10px;
}

#add-fund-btn {
	float: right;
	margin-top: 1px;
}

.clear-b {
	clear: both;
}

.hidden {
	display: none;
}

#acc-inf-blk {
	width: 490px;
}

#acc-inf-blk ul {
	list-style: none;
	padding: 0;
}

#acc-inf-blk ul li {
	list-style: none;
	padding: 0;
}

#acc-inf-blk ul label {
	width: 302px;
	float: left;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
}

#acc-inf-blk ul .value {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	text-align: right;
}

#acc-inf-blk li.non-bdr {
	border: none;
}

.outage {
	font-size: 15px;
	font-weight: bold;
}