body {
	background: url(images/body-bg.gif) top left repeat-x #333333;
	color: #333333;
	font-family: Tahoma,Arial,Verdana,"Trebuchet MS",Georgia,sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 15px 0px;
	text-align: center; /* ie 6 fix */
}

a {
	color: #ec5e1a;
}

a:hover {
	color: #95500c;
	text-decoration: none;
}

p {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 35px 0px 7px 0px;
}

table {
	font-size: 13px;
}

table td {
	vertical-align: top;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
}

form h1 {
	font-size: 16px;
	font-weight: bold;
}

img {
	border: none;
}

label {
	cursor: pointer;
}

label.grey {
	color: #ccc;
}

.clearBoth {
	clear:both;
}

.floatRight, .table-tab input.floatRight {
	float: right;
}

form.form-notification {
	background: url(images/form-bg.gif) top left repeat;
	color: #ffffff;
	overflow: hidden;
	padding: 12px 50px;
	width: 700px;
}

form.decorated {
	background: url(images/form-bg.gif) top left repeat;
	color: #ffffff;
	margin: 0px -50px;
	overflow: hidden;
	padding: 12px 50px;
	width: 700px;
}

form.decorated h1 {
	margin-bottom: 0px;
}

form.decorated p {
	padding-bottom: 14px;
	clear: both;
}

form.decorated a:hover {
	color: #ffffff;
}

form.decorated label {
	clear: left;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

form.decorated input, form.decorated select, form.decorated textarea {
	border: 1px solid #000000;
	color: #111111;
	float: left;
	font-family: Tahoma,Arial,Verdana,"Trebuchet MS",Georgia,sans-serif;
	font-size: 12px;
	height: 14px;
	margin: 0px 400px 10px 0px;
	padding: 2px 1px;
	width: 200px;
}

form.decorated select {
	height: 20px;
	margin: 0px 400px 10px 0px;
	padding: 0px;
}

form.decorated input.submit {
	height: 20px;
	width: 204px;
}

form.decorated input.readonly {
	background: transparent;
	border: 0px;
	color: #ffffff;
	padding: 3px 2px;
	text-align: center;
}

form.decorated input:focus, form.decorated select:focus {
	border-color: #ec5e1a;
}

form.editor label {
	clear: left;
}

form.editor .labelNoClear label {
	clear: none;
}

form.editor .fixedEditLabel {
	display: block;
	float: left;
	width: 50px;
}

form.editor .fixedEditLabelMedium {
	display: block;
	float: left;
	width: 70px;
}

form.editor .fixedEditLabelWide {
	display: block;
	float: left;
	width: 90px;
}

form.editor .fixedEditInput {
	display: block;
	float: left;
}

form.editor label, form.editor input, form.editor select, form.editor textarea {
	font-size: 11px;
}

form.editor span {
	float: left;
	font-size: 11px;
}

p.buttonStrip {
	font-weight: bold;
	text-align: right;
	margin: 10px 2px;
}

p.buttonStripWhite {
	background: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 10px 50px;
	text-align: left;
}

#page {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 800px;
}

#top-menu, #top-menu-staff {
	height: 25px;
	line-height: 25px;
	list-style: none;
	margin: 0px 50px;
	padding: 0px;
	width: 700px;
}

#top-menu li, #top-menu-staff li {
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: 115px;
}

#top-menu-staff li {
	width: 98px;
}

#top-menu li a, #top-menu-staff li a {
	background: url(images/top-menu-link-bg.gif) top left no-repeat;
	color: #ffffff;
	display: block;
	font-weight: bold;
	height: 25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 115px;
}

#top-menu-staff li a {
	background-image: url(images/top-menu-link-staff-bg.gif);
	font-size: 12px;
	width: 98px;
}

#top-menu li a:hover, #top-menu li a.active, #top-menu-staff li a:hover, #top-menu-staff li a.active {
	background-position: 0px -25px;
	color: #333333;
}

#header {
	background: url(images/header-bg.jpg) top left repeat-x;
	height: 138px;
	margin: 0px 0px 10px 0px;
	padding: 0px 50px;
	position: relative;
	width: 700px;
}

#header #logo {
	height: 102px;
	left: 50px;
	position: absolute;
	top: 10px;
	width: 266px;
}

#header #text {
	height: 16px;
	left: 376px;
	position: absolute;
	top: 44px;
	width: 374px;
}

#header #logintext {
	color: #777777;
	position: absolute;
	right: 50px;
	text-align: right;
	top: 10px;
}

#header #logintext b {
	color: #333333;
}

#header #logintext a {
	font-weight: bold;
}

#header #logintext img {
	margin-right: 7px;
	vertical-align: middle;
}

#header #lastadvancedreport {
	bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	position: absolute;
	right: 50px;
}

#header #strapline {
	bottom: 5px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	left: 50px;
	padding: 0px;
	position: absolute;
}

.content {
	background: #ffffff;
	border-bottom: 1px solid #111111;
	border-top: 2px solid #ec5e1a;
	margin: 0px;
	padding: 8px 50px;
	width: 700px;
}

#footer {
	background: url(images/footer-bg.gif) top left repeat-x #ffffff;
	border-top: 2px solid #ec5e1a;
	color: #777777;
	line-height: 30px;
	margin: 0px;
	padding: 10px 50px 5px 50px;
	width: 700px;
}

ul.error {
	background: #ffff00;
	border: 1px solid #000000;
	color: #111111;
	font-weight: bold;
	list-style: none;
	margin: 0px 0px 14px 45px;
	padding: 5px 0px;
	width: 698px;
}

form ul.error, .content ul.error {
	margin-left: 0px;
}

ul.error li {
	margin: 0px;
	padding: 3px 10px;
}

ul.error a {
	color: #000000;
}

ul.error a:hover {
	color: #444444;
}

/* login page */
#form-login label {
	width: 75px;
}

/* list invoices page */
#form-invoicesfilter label, #form-faultdatareportfilter label {
	margin-right: 10px;
	width: 120px;
}

#form-invoicesfilter input, #form-faultdatareportfilter input {
	margin-right: 25px;
	width: 100px;
}

#form-invoicesfilter select, #form-invoicesfilter input.submit, #form-faultdatareportfilter select, #form-faultdatareportfilter input.submit, #form-technician select, #form-trends select {
	margin-right: 0px;
	width: 65px;
}


/* list jobs page */

#form-jobsfilter label {
	clear: none;
	margin-right: 10px;
	width: 155px;
}

#form-jobsfilter label.right {
	width: 100px;
}

#form-jobsfilter input {
	margin-right: 25px;
	width: 100px;
}

#form-jobsfilter input.checkbox {	
	border: none;
	height: auto;
	margin-right: 200px;
	padding: auto;
	width: auto;
}

#form-jobsfilter select, #form-jobsfilter input.submit {
	margin-right: 0px;
	width: 150px;
	
	+margin-right: 75px;
}

#table-jobslist, #table-policies, #table-policysearch, #table-claimsummary, #table-replacementreportsummary, #table-policygroups, #table-selectedpolicies, #table-trends, #table-oustandingvisits, #table-activeclients, #table-clientstatus {
	border-collapse: collapse;
	width: 700px;
}

#table-policysearch {
	width: 650px;
}

#table-jobslist th, #table-jobslist td, #table-policies th, #table-policies td, #table-policysearch th, #table-policysearch td, #table-claimsummary th, #table-claimsummary td, #table-replacementreportsummary th, #table-replacementreportsummary td, #table-policygroups td, #table-selectedpolicies th, #table-selectedpolicies td, #table-trends th, #table-trends td, #table-oustandingvisits th, #table-oustandingvisits td, #table-activeclients th, #table-activeclients td, #table-clientstatus th, #table-clientstatus td {
	border: 1px solid #ffffff;
	background: #e5e4d0;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

#table-jobslist th, #table-policies th, #table-policysearch th, #table-claimsummary th, #table-replacementreportsummary th, #table-policygroups th, #table-selectedpolicies th, #table-trends th, #table-oustandingvisits th, #table-activeclients th, #table-clientstatus th {
	background: #ffffff;
}

#table-jobslist .repeatHeader th {
	padding-top: 33px;
}

#table-jobslist .customerRef {
	background-position: top left;
	background-repeat: repeat-y;
	width: 162px;
}

#table-jobslist .jobStatus {
	width: 140px;
}

#table-jobslist .lastNoteDate {
	width: 80px;
}

#table-jobslist .link, #table-policies .link, #table-claimsummary .link, #table-replacementreportsummary .link {
	text-align: center;
	width: 50px;
}

#table-policies .link {
	width: 40px;
}

/* tab links on list jobs */
#tab-menu {
	height: 25px;
	line-height: 25px;
	list-style: none;
	margin: 0px 45px;
	padding: 0px;
	width: 710px;
}

#tab-menu li {
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: 115px;
	font-size: 10px;
}

#tab-menu li.narrow {
	width: 105px;
}

#tab-menu li.wide {
	width: 125px;
}

#tab-menu li.verywide {
	width: 175px;
}

#tab-menu li a {
	background: url(images/tab-link-bg.gif) 0px 0px no-repeat;
	color: #333333;
	display: block;
	font-weight: bold;
	height: 25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 115px;
}

#tab-menu li.narrow a {
	background-image: url(images/tab-link-narrow-bg.gif);
	width: 105px;
}

#tab-menu li.wide a {
	background-image: url(images/tab-link-wide-bg.gif);
	width: 125px;
}

#tab-menu li.verywide a {
	background-image: url(images/tab-link-very-wide-bg.gif);
	width: 175px;
}

#tab-menu li a:hover, #tab-menu li a.active {
	background-position: 0px -25px;
	color: #ffffff;
}

/* tab pages */
.tab h1 {
	height: 32px;
	line-height: 32px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
}

.mainicon {
	float: left;
	height: 35px;
	margin: 0px 15px 5px 0px;
	width: 35px;
}

.table-tab {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 700px;
}

.table-tab td {
	background: url(images/icons/complaint_bg.gif) top left repeat-y;
	border: 3px solid #ffffff;
	line-height: 24px;
	margin: 0px;
	padding: 0px 0px 0px 34px;
}

.table-tab td.important {
	background: url(images/icons/complaint_bg_important.gif) top left repeat-y;
}
.table-tab td.block {
	background: none;
	line-height: 17px;
	padding-left: 34px;
}

.table-tab td.link {
	padding-left: 0px;
	width: 24px;
}

.table-tab img {
	float: left;
	height: 24px;
	margin: 0px 0px 0px -34px;
	width: 24px;
}

.table-tab td.link img {
	margin-left: 0px;
}

#inf .table-tab td {
	background-color: #e1e8d8;
}

#inf .blue-bg td {
	background-color: #b8cae0;
}

#inf .darkblue-bg td {
	background-color: #b2b2cc;
}

#app .table-tab td {
	background-color: #cfa6b0;
}

#rep .table-tab td {
	background-color: #f1a990;
}

#par .table-tab td {
	background-color: #a5b4f9;
}

#not .table-tab td {
	background-color: #dddddd;
	font-size: 12px;
	line-height: 13px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	width: 50%;
}

#not .table-tab td img {
	height: 65px;
}

#not .table-tab td img.add {
	height: 24px;
}

#int .table-tab td {
	background-color: #FFFF66;
}

#int table.add td {
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
}

.table-tab label {
	float: left;
}

.table-tab input, .table-tab select, .table-tab textarea {
	float: left;
}

/* paging table */
#table-pages {
	padding: 14px 0px 0px 0px;
	width: 700px;
}

.policysearch #table-pages {
	width: 650px;
}

#table-pages td {
	line-height: 1.6em;
	text-align: center;
}

#table-pages .link {
	width: 50px;
}

.contentHeader {
	background: #ffffff;
	color: #000000;
	border-top: 2px solid #ec5e1a;
	padding: 4px 4px 4px 50px;
	overflow: hidden;
}

.contentHeader form {
	display: inline;	
}

tr.selected td {
	font-weight: bold;
	background-color: #ec5e1a !important;
}

/* Reports */

.reportSection {
	width: 100%;
}

.reportSection td {
	padding: 5px 0;
}

.reportEmphasisedSection {
	width: 100%;
	padding: 5px 0 5px 0;
}

.reportEmphasisedSection td {
	width: 50%;
	background-color: #e5e4d0;
	padding: 5px;
}

.reportEmphasisedSection td.h {
	text-align: right;
	width: 60%;
}

.reportEmphasisedSection td.sectionheader {
	background: #c7c79a;
	font-weight: bold;
}

.reportEmphasisedSection .dark td {
	background-color: #dddcc1;
}

.reportPriceSection {
	width: 100%;
	padding: 5px 0 5px 0;
}

.reportPriceSection td {
	width: 30%;
	padding: 15px 5px;
	background-color: #f4f4ec;
}

.reportPriceSection td.h {
	width: 20%;
	text-align: right;
}

.reportPriceSection td.topLeft {
	background-color: #e5e4d0;
}

.reportPriceSection td.bottomLeft {
	background-color: #d1cfad;
}

.reportPriceSection td.bottomRight {
	background-color: #dfdfca;
}

.reportFooter {
	width: 100%;
	padding: 5px 0 5px 0;
}

.reportFooter select {
	float: left;
}

.reportDocs {
	padding: 5px 0;
}

.faultsList {
	border-collapse: collapse;
	margin-top: 8px;
	width: 100%;
}

.faultsList td {
	border: solid 1px #000000;
	padding: 4px;
	width: 50%;
}

.faultsList td textarea {
	width: 98%;
}

.faultHeader {
	background-color: #e5e4d0;
	font-weight: bold;
}

.faultCommandStrip {
	font-weight: bold;
	text-align: right;
	padding: 3px;
}

.noteCommandStrip {
	display: block;
	float: right;
}

.key {
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
	
	/* ie 6 gets confused by the floated image */
	_right: 150px;
}

.key span {
	padding: 4px;
	display: inline;
	color: #ffffff;
	background-color: #990000;
}

.reportDocs label.upload {
	display: block;
}

.plain, .plain tr, .plain td {
	background: none;
	background-color: white;
	border-collapse: collapse;
	padding: 2px;
	border: none;
}

.table-dueinvoices {
	border-collapse: collapse;
	width: 700px;
}

.table-dueinvoices th, .table-dueinvoices td {
	border: 1px solid #ffffff;
	background: #e5e4d0;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

.table-dueinvoices th {
	background: #ffffff;
}

.table-dueinvoices .customerRef {
	width: 80px;
}

.table-dueinvoices .name {
	width: 200px;
}
.table-dueinvoices .link {
	text-align: center;
	width: 50px;
}
.table-dueinvoices .imgLink {
	text-align:center;
	width:18px;
}
.table-dueinvoices .imgLink a {
	text-decoration:none;
}

.table-invoiceablereports {
	border-collapse: collapse;
	width: 700px;
}

.table-invoiceablereports th, .table-invoiceablereports td {
	border: 1px solid #ffffff;
	background: #e5e4d0;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

.table-invoiceablereports th {
	background: #ffffff;
}

.table-invoiceablereports .date {
	width: 100px;
}

.table-invoiceablereports .cost {
	width: 150px;
}
.table-invoiceablereports .link {
	text-align: center;
	width: 50px;
}
.letterForm {
	font-weight: bold;
	display: none;
}

.letterForm span {
	float: left;
}

.letterForm input {
	float: right;
}


/* Calendar popup */

#calendar {
	background: #ffffff;
	border: 1px solid #333333;
	left: 445px;
	padding: 5px;
	position: absolute;
	top: 0px;
	width: 140px;
	z-index: 10;
}

#calendar a {
	float: none;
	margin: 0px;
}

#calendar table {
	text-align: center;
	width: 140px;
}

#calendar .monthNavigationLink {
	text-align: center;
	width: 10px;
}

#calendar .dates {
	width: 140px;
}

#calendar .dates th {
	border: none;
	font-weight: bold;
	text-align: center;
	width: 20px;
}

#calendar .dates td {
	border: 1px solid #ffffff;
	width: 18px;
}

#calendar .dates a {
	border: 1px solid #cccccc;
	color: #666666;
	display: block;
}

#calendar .dates a:hover {
	background: #dddddd;
	color: #ec5e1a;
}

#calendar a.today {
	background: #dddddd;
	border: 1px solid #000000;
	color: #ec5e1a;
}

#calendar a.otherMonth {
	border: 1px solid #eeeeee;
	color: #bbbbbb;
}

table.plainTable td {
	background: none;
	border: none;
	line-height:24px;
	margin:0;
	padding: 3px;
}

td.available {
	border: solid 1px #339900;
	background-color: #ccff99;
}

td.unavailable {
	border: 1px solid #ff0000;
	background-color: #ffaaaa;
}

.darkLinks a {
color: #000000;
}

.changed {
border: solid 1px #ff0000;
}

.no-email {
color: #ff0000;
font-weight: bold;
}







/* index page */

input.submit {
	cursor: pointer;
}

h2 {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h2 a {
	color: #333333;
}

h3 {
	clear: both;
	font-size: 15px;
	margin: 0;
	padding:15px 0 10px 0;
}

p.details {
	float: left;
	font-size: 11px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}

#home, .homesales {
	background: url(images/home-bg.gif) top center repeat-y #ffffff;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	width: 770px;
}

#home h1, .homesales h1 {
	margin: 0px 0px 10px 0px;
}

.column {
	float: left;
	margin: 0px;
	padding: 0px 20px;
	width: 345px;
}

.internalnotes {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	width: 345px;
}

.notes, .clientnotes {
	margin: 0px;
	padding: 0px;
	width: 345px;
}

.internalnotes div, .notes div, .clientnotes div {
	clear: left;
	height: 120px;
	overflow-y: scroll;
}

.notes div {
	height: 280px;
}

.clientnotes div {
	height: 250px;
}

.internalnotes div.notesummary, .notes div.notesummary, .clientnotes div.notesummary {
	background: url(images/notesummary-bg.gif) top right repeat-y #e1e1e1;
	border-left: 5px solid #333333;
	height: auto;
	_height: 36px;
	line-height: 18px;
	margin: 0px 0px 2px 0px;
	overflow: hidden;
	_overflow: visible;
	padding: 1px 24px 1px 5px;
}

.internalnotes div.notesummary img, .notes div.notesummary img, .clientnotes div.notesummary img {
	float: right;
	height: 36px;
	margin: 0px -24px 0px 0px;
	padding: 0px;
	width: 24px;
}

span.red, p.red {
	color: #ff0000;
	font-weight: bold;
}

span.orange, p.orange {
	color: #DCB001;
	font-weight: bold;
}

span.green, p.green {
	color: #669900;
	font-weight: bold;
}

.internalnotes div.red, .notes div.red, .clientnotes div.red, div.red {
	border-left-color: #ff0000;
}

.internalnotes div.orange, .notes div.orange, .clientnotes div.orange, div.orange {
	border-left-color: #DCB001;
}

.internalnotes div.green, .notes div.green, .clientnotes div.green, div.green {
	border-left-color: #669900;
}

.internalnotes div.blue, .notes div.blue, .clientnotes div.blue, div.blue {
	border-left-color: #0000FF;
}

#form-user {
	padding-right: 100px;
	width: 650px;
}

#form-user label {
	width: 175px;
}

#form-user label.labelPermission {
	clear: none;
	width: auto;
}

#form-user input, #form-user select, #form-user textarea {
	margin-right: 200px;
}

#form-user input.checkbox {	
	border: none;
	height: auto;
	margin-top: 3px;
	margin-right: 300px;
	padding: auto;
	width: auto;
}

#form-user input.checkboxPermission {
	border: none;
	height: auto;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 175px;
	padding: auto;
	width: auto;
}

#form-user textarea {
	height: auto;
}

.jobstat {
	color: #a0a0a0;
	_height: 95px;
	min-height: 95px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 345px;
}

.managersAttention {
	text-align:right;
}

.managersAttention a {
	color:#333;
	font-weight:bold;
}

.managersAttention a:hover {
	color:#95500c;
	text-decoration:none;
}

.jobstat div {
	background: url(images/job-stats-bg.jpg) top left no-repeat;
	color: #ec5e1a;
	float: left;
	font-size: 36px;
	font-weight: bold;
	height: 95px;
	line-height: 95px;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	text-align: center;
	width: 110px;
}

.jobstat h2 {
	font-size: 15px;
	float: none;
}

.jobstat ul {
	float: left;
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.jobstat ul li {
	font-size: 12px;
	margin: 0px;
	padding: 3px 0px 3px 5px;
}

#form-techjobselect {
	margin-bottom: 0px;
}

#form-techjobselect label {
	clear: left;
	float: left;
	margin: 0px 5px 10px 0px;
	width: 100px;
}

#form-techjobselect input, #form-techjobselect select {
	border: 1px solid #000000;
	color: #111111;
	float: left;
	font-family: Tahoma,Arial,Verdana,"Trebuchet MS",Georgia,sans-serif;
	font-size: 12px;
	height: 14px;
	margin: 0px 0px 10px 0px;
	padding: 2px 1px;
	width: 239px;
	_width: 237px;
}

#form-techjobselect input.submit, #form-techjobselect select {
	height: 20px;
}

#table-offeredappointments, #table-awaitingmoderation, #table-readunreadreports {
	border-collapse: collapse;
	width: 700px;
}

#table-offeredappointments th, #table-offeredappointments td , #table-awaitingmoderation th, #table-awaitingmoderation td, #table-readunreadreports th, #table-readunreadreports td {
	border: 1px solid #ffffff;
	background: #e5e4d0;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

#table-offeredappointments th, #table-awaitingmoderation th, #table-readunreadreports th {
	background: #ffffff;
}

#table-offeredappointments .customerRef, #table-awaitingmoderation .customerRef {
	width: 142px;
}

#table-readunreadreports .customerRef {
	width: 125px;
}

#table-awaitingmoderation .green, #table-awaitingmoderation .orange, #table-awaitingmoderation .red, #table-clientstatus .red, #table-clientstatus .orange, #table-clientstatus .green {
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 10px;
	width: 132px;
}

#table-claimsummary .red, #table-claimsummary .orange, #table-claimsummary .green {
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 10px;
	width: 175px;
}

#table-replacementreportsummary .red, #table-replacementreportsummary .orange, #table-replacementreportsummary .green {
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 10px;
}

#table-offeredappointments .name, #table-awaitingmoderation .name {
	width: 200px;
}

#table-readunreadreports .name {
	width: 170px;
}

#table-offeredappointments .link, #table-awaitingmoderation .link, #table-readunreadreports .link {
	text-align: center;
	width: 50px;
}

#table-jobslist .red, #table-jobslist .orange, #table-jobslist .green, #table-jobslist .blue {
	padding-left: 10px;
	width: 147px;
}

#table-jobslist .red, #table-awaitingmoderation .red, #table-claimsummary .red, #table-replacementreportsummary .red, #table-clientstatus .red {
	background-image: url(images/red-bg.gif);
}

#table-jobslist .orange, #table-awaitingmoderation .orange, #table-claimsummary .orange, #table-replacementreportsummary .orange, #table-clientstatus .orange {
	background-image: url(images/orange-bg.gif);
}

#table-jobslist .green, #table-awaitingmoderation .green, #table-claimsummary .green, #table-replacementreportsummary .green, #table-clientstatus .green {
	background-image: url(images/green-bg.gif);
}

#table-jobslist .blue, #table-awaitingmoderation .blue {
	background-image: url(images/blue-bg.gif);
}

#table-jobslist .widelink {
	text-align: center;
	width: 105px;
}

#form-technician label {
	width: 100px;
}

#form-technician input, #form-technician select {
	margin-right: 0px;
}

#table-technicianappointments {
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 700px;
}

#table-technicianappointments th, #table-technicianappointments td {
	border: 2px solid #ffffff;
	background: #e5e4d0;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

#table-technicianappointments th {
	background: #ffffff;
}

#table-companylist, #table-userlist, #table-articlelist, #table-articlecategorylist, #table-kbstats {
	border-collapse: collapse;
	width: 700px;
}

#table-companylist th, #table-companylist td, #table-userlist th, #table-userlist td, #table-articlelist th, #table-articlecategorylist th, #table-articlelist td, #table-articlecategorylist td, #table-kbstats th, #table-kbstats td {
	border: 1px solid #ffffff;
	background: #e5e4d0;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

#table-companylist th, #table-userlist th, #table-articlelist th, #table-articlecategorylist th, #table-kbstats th {
	background: #ffffff;
}

#table-companylist .refCode {
	width: 110px;
}

#table-companylist .link, #table-userlist .link, #table-articlelist .link, #table-articlecategorylist .link {
	text-align: center;
	width: 50px;
}

#form-user input.button {
	cursor: pointer;
	float: none;
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
	width: 30px;
}

.firstLine {
	font-size: 11px;
	line-height: 12px;
}

#header #left-corner {
	height: 14px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 14px;
}

#header #right-corner {
	height: 14px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 14px;
}

#permissions {
	float: left;
	width: 500px;
}

#permissions input {
margin: 2px;
	float: none;
	width: 30px;}
#permissions label {
	clear: none;
	float: none;

}










#form-selectappointment {
	overflow: hidden;
}

#form-selectappointment label {
	clear: left;
	float: left;
	margin: 0px 0px 20px 0px;
	width: 325px;
}

#form-selectappointment .yesno label {
	clear: none;
	width: 50px;
}

#form-selectappointment input {
	float: left;
	margin: 0px 40px 5px 0px;
	padding: 0px;
	
	+margin-right: 380px;
}

#form-selectappointment .yesno input {
	margin-right: 10px;
}

#form-selectappointment input.submit {
	font-size: 11px;
	margin-right: 0px;
	padding: 1px 8px;
}

a.buttonlink {
	background: #e0e0e0;
	border: 2px outset #cccccc;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
}

form a.buttonlink {
	float: right;
}

a.buttonlink:hover {
	background: #cccccc;
}

a.buttonlink img {
	float: left;
	height: 14px;
	width: 14px;
	margin: 1px 5px 0px 0px;
	padding: 0px;
}

#form-clientcompany label {
	width: 240px;
}

#form-clientcompany input, #form-clientcompany select, #form-clientcompany textarea, #form-pricingstructure input, #form-pricingstructure textarea {
	margin-right: 210px;
}

#form-clientcompany input.checkbox {	
	border: none;
	height: auto;
	margin-right: 350px;
	padding: auto;
	width: auto;
}

#form-clientcompany textarea, #form-pricingstructure textarea {
	height: 60px;
}

p.noteRefCode {
	float: right;
	margin: 0px;
	padding: 0px 5px 0px 10px;
}

a.selectDate {
	float: left;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

img.awaitingParts {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.technicianAppointmentDetail {
	border-left-width: 5px;
	border-left-style: solid;
	border-right: 12px solid #333333;
	color: #111111;
	font-size: 10px;
	padding: 3px;
	margin: 0px 0px 4px 0px;
}

.technicianAppointmentDetail a {
	float: right;
	height: 30px;
	margin: -3px -15px 0px 0px;
	padding: 0px;
	width: 12px;
}

.technicianAppointmentDetail img.awaitingParts {
	margin: -2px 0px 0px 0px;
	padding: 0px;
}

.confirmed, #app .table-tab td.confirmed {
	background-color: #ccff99;
}

.offered, #app .table-tab td.offered {
	background-color: #feeda7;
}

.assigned, #app .table-tab td.assigned {
	background-color: #ffaaaa;
}

#app .table-tab td.cancelled {
	background-color: #CCCCCC;
}

#diaryKey {
	border: 1px solid #e5e4d0;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	padding: 10px;
}

#diaryKey p {
	border-right: 8px solid #333333;
	height: 20px;
	line-height: 20px;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	width: 183px;
	
	float: left;
}

#diaryKey img {
	float: right;
	height: 30px;
	margin: -5px -17px -5px 0px;
	padding: 0px;
	width: 12px;
}

.lettersRow a {
	color: #000000;
}

.statusCountConfirmed, .statusCountOffered, .statusCountAssigned {
	background: #ccff99;
	border: 1px solid #339900;
	color: #333333;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0px 2px 4px 1px;
	text-align: center;
	width: 20px;
	
	float: left;
	display: inline;
}

.statusCountOffered {
	border-color: #dcb001;
	background: #feeda7;
}

.statusCountAssigned {
	border-color: #ff0000;
	background: #ffaaaa;
}

.unavailable {
	border-left-color: #777777;
	background: #cccccc;
	font-weight: bold;
}

#newSiteMessage {
	background: #ffffff;
	border: 1px solid #ec5e1a;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	/*left: 330px;*/
	margin: 0px 50px 0px 0px;
	padding: 5px;
	position: absolute;
	right: 0px;
	top: 65px;
	width: 360px;
}



table.table-faultdatareport {
	font-size: 12px;
	width: 100%;
}

.table-faultdatareport p {
	margin: 0px;
	padding: 2px 0px 1px 0px;
}

.table-faultdatareport p.faultname {
	float: left;
	width: 250px;
}

.table-faultdatareport p.faultcount {
	float: left;
	padding-right: 4px;
	text-align: right;
	width: 40px;
}

.table-faultdatareport p.border-top {
	border-top: 1px solid #333333;
}

#list-clientcompanyusers {
	list-style: none;
	margin: 0;
	padding: 0 40px;
}

#list-clientcompanyusers li {
	margin: 0px;
	padding: 2px 10px;
}

#list-clientcompanyusers li label {
	height: auto;
	width: 250px;
}

#list-clientcompanyusers li input.checkbox {
	float:right;
	margin-right: 0;
	margin-left: 10px;
}

#form-unreadreports label {
	float: left;
	width: 100px;
}

#form-unreadreports select {
	float: left;
	margin-right: 20px;
}

textarea {
	/*overflow: hidden;*/
}

.jobstat li img {
	float: left;
	height: 16px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
	width: 16px;
}

.jobstat li a {
	text-decoration: none;
}

.jobstat li a:hover {
	text-decoration: underline;
}







/* warranties styles */
#form-policies label {
	clear: left;
	margin-right: 10px;
	width: 155px;
}

#form-policies label.right {
	clear: none;
	width: 100px;
}

#form-policies input {
	margin-right: 25px;
	width: 100px;
}

#form-policies select, #form-policies input.submit {
	margin-right: 25px;
	width: 150px;
}

#form-policies input.submit {
	margin-right: 0px;
	width: 121px;
}

#inf .dark-blue-bg td {
	background-color: #C2C2DA;
}

#form-policysearch, #form-policygroups {
	text-align: left;
}

#form-policysearch {
	width: 650px;
}

#form-policysearch label, #form-policygroups label {
	width: 170px;
}

#form-policysearch input, #form-policygroups input {
	margin-right: 250px;
	width: 160px;
}

#form-policysearch input.checkbox, #form-policygroups input.checkbox, #form-trends input.checkbox {	
	border: none;
	height: auto;
	margin-right: 450px;
	padding: auto;
	width: auto;
}

#form-policysearch select, #form-policygroups select {
	margin-right: 100px;
	width: 164px;
}

#form-policysearch input.submit, #form-policygroups input.submit {
	width: 164px;
}

#table-policysearch th.link, #table-policysearch td.link, #table-policygroups th.link, #table-policygroups td.link {
	text-align: center;
	width: 44px;
}

#table-claims, #table-replacementreports {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 700px;
}

#table-claims td, #table-replacementreports td {
	background: url(images/icons/complaint_bg.gif) top left repeat-y #E0FFB2;
	border: 3px solid #ffffff;
	line-height: 24px;
	margin: 0px;
	padding: 0px 0px 0px 34px;
}

#table-replacementreports td {
	background-color: #F1A990;
}

#table-claims .current td {
	background-color: #99ff00;
}

#table-claims td.link, #table-replacementreports td.link {
	padding-left: 0px;
	width: 24px;
}

#table-claims img, #table-replacementreports img {
	float: left;
	height: 24px;
	margin: 0px 0px 0px -34px;
	width: 24px;
}

#table-claims td.link img, #table-replacementreports td.link img {
	margin-left: 0px;
}

#table-claims tr.claimdetails td {
	border: none;
	background: #ffffff;
	margin: 0px;
}

#table-claims tr.claimdetails table {
	border-collapse: collapse;
	margin-left: 25px;
	width: 650px;
}

#table-claims tr.claimdetails table.green-bg td {
	background-color: #e1e8d8;
}

#table-claims tr.claimdetails table.dark-blue-bg td {
	background-color: #C2C2DA;
}

#table-claims tr.claimdetails table.blue-bg td {
	background-color: #b8cae0;
}

#table-claims tr.claimdetails table td {
	background: url(images/icons/complaint_bg.gif) top left repeat-y;
	border: 3px solid #ffffff;
}

#form-accounts label {
	clear: none;
	width: 50px;
}

#form-accounts select {
	margin-right: 20px;
	width: 175px;
}

#form-accounts input {
	margin-right: 0px;
	width: 75px;
}

#form-claimsummary {
	padding-right: 0px;
	overflow: hidden;
	width: 750px;
}

#form-claimsummary label {
	clear: none;
	width: 140px;
}

#form-claimsummary input.checkbox {	
	border: none;
	height: auto;
	margin-right: 20px;
	padding: auto;
	width: auto;
}

#form-claimsummary input.submit {
	clear: left;
	margin-left: 0px;
	_margin-left: 50px;
}

#cboDownloadStartDateDD, #cboDownloadStartDateMM, #cboDownloadStartDateYYYY, #cboDownloadEndDateDD, #cboDownloadEndDateMM, #cboDownloadEndDateYYYY,
#cboDownloadStartDate2DD, #cboDownloadStartDate2MM, #cboDownloadStartDate2YYYY, #cboDownloadEndDate2DD, #cboDownloadEndDate2MM, #cboDownloadEndDate2YYYY,
#cboDownloadStartDate3DD, #cboDownloadStartDate3MM, #cboDownloadStartDate3YYYY, #cboDownloadEndDate3DD, #cboDownloadEndDate3MM, #cboDownloadEndDate3YYYY {
	float: left;
	margin-right: 2px;
}

#dateAnchorDownloadStartDate, #dateAnchorDownloadEndDate {
	margin-left: -10px;
	margin-right: 7px;
}

#table-replacementreport td {
	padding: 2px;
}

#table-replacementreport input.input, #table-replacementreport textarea {
	border: 1px solid #111111;
	font-size: 12px;
	width: 50px;
}

#table-replacementreport textarea {
	width: 250px;
}

#table-technicianpay, #table-technicianpayoverview{
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-right:1px solid black;
	color:#000;
	margin-bottom: 20px;
}

#table-technicianpayoverview {
	font-size: 11px;
	border: none;
}

#table-technicianpay th, #table-technicianpayoverview th{
	text-align:left;
}
#table-technicianpay th, #table-technicianpay td{
	border-left:1px solid black;
}

 #table-technicianpayoverview th, #table-technicianpayoverview td {
 border: none;
 padding: 6px 6px 6px 0;
 }
 
 #table-technicianpayoverview th {
 border-bottom: 2px solid black;
 }
 
 #table-technicianpayoverview .odd td {
 	background: #eee;
 }

#table-technicianpay a{
	color:#000;
}
tr.topBlkBdr1 td{
	border-top:1px solid black;
}
tr.topBlkBdr2 td{
	border-top:2px solid black;
}

p.diarySummary {
	line-height: 16px;
	padding: 4px 0px 2px 0px;
	text-align: left;
}

p.diarySummary img {
	margin-right: 5px;
	vertical-align: middle;
}

div.country {
	background: #ffffff;
	float: left;
	font-weight: bold;
	height: 125px;
	line-height: 20px;
	margin: 0px;
	padding: 10px 20px;
	text-align: center;
	width: 128px;
}

div.country img {
	display: block;
	height: 105px;
	width: 128px;
}

#form-weekreport label {
	margin-right: 10px;
	width: 130px;
}

#form-weekreport input, #form-weekreport select {
	margin-right: 300px;
}

#form-weekreport input.checkbox {	
	border: none;
	height: auto;
	margin-right: 420px;
	padding: auto;
	width: auto;
}

#form-weekreport input.submit {
	width: 194px;
}

#table-weekreport {
	width: 85%;
}

#table-weekreport th, #table-weekreport td {
	line-height: 20px;
	text-align: left;
}

#table-weekreport th {
	border-bottom:2px solid black;
}

#table-weekreport td {
	border-bottom:1px solid #BBBBBB;
}

#table-weekreport .total td {
	border-bottom: none;
	border-top: 2px solid #000000;
	font-weight: bold;
}

#table-weekreport th.pending, #table-weekreport td.pending {
	border: none;
	padding-left: 25px;
	width: 210px;
}

#table-paymentmethodreport {
	width: 100%;
}

#table-paymentmethodreport th, #table-paymentmethodreport td {
	border-bottom: 1px solid #000000;
	text-align: left;
}

#table-paymentmethodreport .total td {
	border-bottom: none;
	border-top: 1px solid #000000;
	font-weight: bold;
}

#form-partsoutstanding label {
	width: 350px;
}

#form-partsoutstanding input, #form-partsoutstanding select {
	margin-right: 140px;
	width: 200px;
}

#form-partsoutstanding input.checkbox {
	border: none;
	height: auto;
	margin-right: 120px;
	padding: auto;
	width: auto;
}

#form-replacementreport select {
	border: 1px solid #000000;
	color: #111111;
	float: left;
	font-family: Tahoma,Arial,Verdana,"Trebuchet MS",Georgia,sans-serif;
	font-size: 12px;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 2px 1px;
	width: 65px;
}

#managementreport {
	background: #fff;
	border-collapse: collapse;
	width: 750px;
}

#managementreport th, #managementreport td, #managementreport input {
	font-size: 10px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#managementreport input {
	width: 50px;
}

#managementreport th, #managementreport td {
	font-size: 11px;
	padding: 5px 5px 10px 5px;
	text-align: left;
}

#managementreport table td {
	font-size: 10px;
	padding: 5px;
}

#managementreport th.title {
	border-top: 10px solid #ec5e1a;
	font-size: 11px;
	padding-top: 10px;
}

#managementreport .productfaultcost {
	border-collapse: collapse;
	width: 740px;
}

#managementreport .productfaultcost td {
	border: 1px solid #aaa;
	padding: 3px 5px;
	text-align: center;
	vertical-align: middle;
}

#managementreport .supportingfaultdata td{
	padding: 1px 5px;
}
#managementreport .supportingfaultdata td b{
	display: inline-block;
	padding: 6px 0 0 0;
}

#managementreport textarea {
	width: 100%;
}

#managementreport input.submit {
	border: 1px solid #000000;
	color: #111111;
	font-size: 12px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 2px 1px;
	width: 150px;
}

#table-jobslist td.dateSeparator, #table-claimsummary td.dateSeparator {
	background: #fff;
	border-bottom: 1px solid #000;
	font-weight: bold;
	padding: 8px 1px;
}

.smlGreyText {
	color: #666;
	font-size: 11px;
}

img.courtesyCall{
float:right;
height:16px;
margin:0 0 0 4px;
padding:0;
width:16px;
}
#day img.courtesyCall{
float:none;
}

#customerNotified{
clear:both;
font-size:11px;
margin:0;
padding:10px 0 0 0;
}
#customerNotified label{
clear:none;
}

img.boolImg{
float:none;
height:16px;
margin:0;
width:16px;
}

td img.boolImg{
margin:4px 5px 0 0;
}

#appointmentChanges {
border-collapse:separate;
width:100%;
}

#appointmentChanges td{
border:1px solid #fff;
}

#invoice tr{
background-color:#e5e4d0;
}
#invoice tr th{
background-color:#fff;
font-weight:normal;
padding-right:13px;
text-align:left;
vertical-align:top;
}
#invoice td{
padding-right:28px;
}
#invoice td.footer{
background-color:#fff;
padding-right:2px;
}

.completeOnly{
display:none;
}

.comments{
color:#333 !important;
cursor:pointer;
display:inline-block;
text-decoration:none;
position:relative;
}

.comments span{
background:#f8f8f8;
border:1px solid #ec5e1a;
bottom:8px;
color:#333;
display:none;
font-size:11px;
left:-80px;
padding:4px 5px;
position:absolute;
text-align:left;
text-decoration:none;
width:220px;
}
.comments:hover span{
display:block;
}

form.user-admin-form label{
clear:both;
margin-right:10px;
width:125px;
}
form.user-admin-form input{
width:150px;
}
form.user-admin-form input.submit{
margin-left:135px;
width:154px;
}
form.user-admin-form select{
width:154px;
}

#form-pricingstructure label{
width: 140px;
}

#form-spendtrend label{
width: 60px;
}
#form-spendtrend .date select, #form-sales .date select, #form-performance .date select, #kb-search-form .date select, #form-kbstats .date select{
margin-right: 4px;
width: 65px;
}

#form-sales label{
width: 110px;
}
#form-sales label.wide {
width:190px;
}
#form-sales input, #form-sales select{
margin-right: 300px;
}
#form-sales input.checkboxSkill{
	border: none;
	height: auto;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 110px;
	padding: auto;
	width: auto;
}
#form-sales label.labelSkill{
	clear: none;
}

#form-performance label {
	width: 50px;
}

#form-salesnote label{
	width: 70px;
}
#form-salesnote textarea{
	height: 200px;
	margin-right: 0;
	width: 600px;
}

.salesNoteSummary, .contact{
	background: url('images/icons/complaint_bg.gif') top left repeat-y #ddd;
	color: #333;
	margin: 0 0 3px 0;
	padding: 5px 10px 5px 34px;
}
.salesNoteSummary img, .contact img{
	float: left;
	margin-left: -34px;
	width: 24px;
}

.contact a{
	float: right;
}

#form-contact label{
	width: 130px;
}
#form-contact input{
	margin-right: 200px;
}

/*
.diary{
	width:700px;
}
.diary th, .diary td{
	border:1px solid #fff;
	margin:0;
	padding:2px;
}
.diary th{
	text-align: left;
}
.diary td{
	background: #ddd;
	min-height: 94px;
	width: 94px;
}
.diary td.whiteBG{
	background:#fff;
}
.diary td b.date{
	display: block;
	font-size: 12px;
	padding: 0 0 3px 0;
	text-align: right;
}
.diary td div{
	background: #ecd579;
	border-left: 4px solid #333;
	font-size: 11px;
	padding: 2px;
}
.diary td div.visit{
	background: #72b5dd;
}
.diary td div.call{
	background: #e6c09f;
}
.diary td a{
	color: #333;
	display: block;
	height: 100%;
}
*/


.diary{
	width: 700px;
}
.diary div{
	float: left;
	padding: 0 1px;
}
.diary div.h{
	font-weight: bold;
	padding: 2px;
	width: 96px;
}
.diary div.row{
	background: url('images/diary-bg.gif') top left repeat;
	margin-bottom: 3px;
	padding: 0;
	width: auto;
}
.diary div.row div{
	min-height: 92px;
	padding: 3px;
	width: 94px;
}
.diary div.row div.edit{
	background: #707070;
	margin: 0 1px;
	min-height: 0;
	padding: 0 3px;
	width: 92px;
}
.diary div.row div b.date{
	display: block;
	font-size: 12px;
	padding: 0 0 3px 0;
	text-align: right;
}
.diary div.row div a{
	background: #ecd579;
	border-left: 4px solid #333;
	color: #333;
	display: block;
	font-size: 11px;
	margin: 0 0 2px 0;
	min-height: 0;
	padding: 2px;
	position: relative;
	text-decoration: none;
	width: 86px;
}
.diary div.row div a.visit{
	background-color: #72b5dd;
}
.diary div.row div a.call{
	background-color: #e6c09f;
}
.diary div.row div.edit a{
	background: none;
	border: 0;
	color: #ec5e1a;
	display: block;
	margin: 0 -3px;
	padding: 2px;
	text-align: right;
	text-decoration: underline;
	width: 94px;
}
.diary div.row div.edit a:hover{
	color:#fff;
	text-decoration:none;
}
.diary div.row div a div{
	background: #fff;
	border: 1px solid #ec5e1a;
	bottom: 13px;
	display: none;
	left: 50%;
	margin: 0;
	min-height: 0;
	padding: 3px 5px;
	position: absolute;
	width: 150px;
	z-index: 100;
}
.diary div.row div a:hover div{
	display: block;
}

#form-salesdiary label{
	clear: none;
	width: 50px;
}
#form-salesdiary select{
	margin-right: 20px;
	width: 100px;
}
#form-salesdiary input{
	float: right;
	margin-right: 0;
	width: 170px;
}

.table-salesdiaryday{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 700px;
}
.table-salesdiaryday td{
	background: url(images/icons/complaint_bg.gif) top left repeat-y #ddd;
	border: 3px solid #ffffff;
	line-height: 24px;
	margin: 0px;
	padding: 0px 0px 0px 34px;
	width: 50%;
}
.table-salesdiaryday img {
	float: left;
	height: 24px;
	margin: 0px 0px 0px -34px;
	width: 24px;
}
.table-salesdiaryday input{
	width: 20px;
}
.table-salesdiaryday textarea{
	font-family: Arial, Helvetica, sans-serif;
	height: 80px;
	width: 96%;
}

#form-trends label {
	width: 280px;
}

#form-trends input.checkbox {
	margin-right: 400px;
	margin-top: 3px;
}

#form-trends input.submit {
	margin-right: 0;
}

#table-trends .red, #table-trends .green, #table-oustandingvisits .red, #table-oustandingvisits .orange, #table-oustandingvisits .green {
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 10px;
	width: 80px;
}

#table-trends .red, #table-oustandingvisits .red {
	background-image: url(images/red-bg.gif);
}

#table-trends .green, #table-oustandingvisits .green {
	background-image: url(images/green-bg.gif);
}

#table-oustandingvisits .orange {
	background-image: url(images/orange-bg.gif);
}

.salesdashboard-table {
	border-collapse: collapse;
	margin: 0 0 20px 0;
	width: 100%;
}

.salesdashboard-table th {
	padding: 3px 2px;
	text-align: left;
}

.salesdashboard-table td {
	border: 1px solid #ccc;
	padding: 2px 3px;
	vertical-align: middle;
}

.salesdashboard-table th.centre, .salesdashboard-table td.centre {
	text-align: center;
}

.salesdashboard-table .topBrd2 td {
	border-top-width: 2px;
}

.salesdashboard-table td.red, #salesSpendTable td.red {
	color: #f00;
}

.salesdashboard-table td.orange, #salesSpendTable td.orange {
	color: #DCB001;
}

.salesdashboard-table td.green, #salesSpendTable td.green {
	color: #690;
}

.salesdashboard-alert {
	margin: 0 0 10px 0;
	width: 345px;
}

.salesdashboard-alert h2 {
	float: none;
}

.salesdashboard-alert div {
	height: 120px;
	overflow-y: scroll;
}

.salesdashboard-alert div.alert {
	background: url("images/notesummary-bg.gif") top right repeat-y #e1e1e1;
	height: auto;
	line-height: 18px;
	margin: 0 0 2px 0;
	overflow: hidden;
	padding: 1px 24px 1px 5px;
}

.salesdashboard-alert div.red, .salesdashboard-alert div.green {
	border-left: 5px solid #f00;
}

.salesdashboard-alert div.green {
	border-left-color: #690;
}

.salesdashboard-alert div.alert a {
	clear:right;
	float: right;
	margin: 0 -24px 5px 0;
}

#salesSpendTable {
	background:#fff;
	border-collapse:collapse;
	color:#000;
	width:100%;
}

#salesSpendTable th, #salesSpendTable td {
	border:1px solid #000;
	padding:2px 5px;
	text-align:center;
	vertical-align:middle;
}

#salesSpendTable th.left, #salesSpendTable td.left {
	text-align:left;
}

#salesSpendTable .total td {
	font-weight:bold;
}

#table-performance {
	border-collapse:collapse;
	margin-bottom:20px;
	margin-top: 10px;
	width:100%;
}

#table-performance td {
	border:1px solid #000;
	padding:2px 4px;
}

#table-performance table td {
	border:0;
}

#form-overallperformance label {
	width:100px;
}

#form-overallperformance input {
	margin-right:0;
	width:120px;
}

.availableTimeslotDisabled {
	color:#666;
}

div.availableTimeslot span, div.availableTimeslotDisabled span {
	display:inline-block;
	float:none;
	width:250px;
}

#form-selectappointment div.availableTimeslot span, #form-selectappointment div.availableTimeslotDisabled span {
	width:320px;
}

#form-selectappointment div.availableTimeslot, div.availableTimeslot, #form-selectappointment div.availableTimeslotDisabled, div.availableTimeslotDisabled {
	margin:0 0 20px 0;
}

div.availableTimeslot, div.availableTimeslotDisabled {
	margin-bottom:10px;
}

#form-selectappointment div.availableTimeslot label, div.availableTimeslot label, #form-selectappointment div.availableTimeslotDisabled label, div.availableTimeslotDisabled label {
	clear:none;
	display:inline-block;
	float:none;
	margin:0 20px 0 0;
	width:90px;
}

#form-selectappointment div.availableTimeslot input, div.availableTimeslot input, #form-selectappointment div.availableTimeslotDisabled input, div.availableTimeslotDisabled input {
	float:none;
	margin:0 10px 0 0;
}

.diaryTimeslot {
	display:inline-block;
	font-size:11px;
	position:relative;
}

.diaryTimeslot div.timeslot {
	background:#fff;
	border:1px solid #666;
	bottom:20px;
	display:none;
	left:50%;
	padding:2px 2px 0 2px;
	position:absolute;
	width:140px;
	z-index:100;
}

.diaryTimeslot:hover div.timeslot {
	display:block;
}

.diaryTimeslot div.timeslot div.technicianAppointmentDetail {
	line-height:12px;
}

.checklist {
	font-size:11px;
}

.checklist ol {
	font-weight:bold;
	margin:0;
	padding:0 0 0 25px;
}

.checklist li {
	margin:0;
	padding:3px 0 7px 0;
}

.checklist li input {
	float:right;
	margin:3px 10px 0 10px;
}

.checklist li label {
	clear:none;
	float:none;
	font-weight:normal;
	margin-right:10px;
}

.checklist li input, .checklist li select {
	float:right;
	margin:2px 10px 0 10px;
}

.checklist li select {
	width:81px;
}

.checklist li ol {
	display:none;
	list-style:none;
}

.checklist li li {
	padding-bottom:0;
}

.checklist li li input {
	width:75px;
}

.checklist .customerDetails {
	margin-left:300px;
	margin-top:-24px;
	overflow:hidden;
}

.checklist .customerDetails input {
	float:none;
	margin:0 10px 0 0;
	width:125px;
}

.checklist .customerDetails label {
	display:inline-block;
	width:55px;
}

.checklist .customerDetails div select {
	float:left;
	margin:0;
	width:auto;
}

a#partsLink {
	font-weight:bold;
	position:relative;
}

a#partsLink div#partsDetails {
	background:#fff;
	border:1px solid #666;
	bottom:9px;
	cursor:default;
	display:none;
	max-height:400px;
	overflow:hidden;
	overflow-y:scroll;
	position:absolute;
	width:600px;
	
	_height:190px;
}

a#partsLink:hover div#partsDetails {
	display:block;
}

a#partsLink div#partsDetails table {
	margin:0 0 15px 0;
	width:100%;
}

a#partsLink div#partsDetails td {
	background-color:#a5b4f9;
	color:#333;
	font-size:11px;
	font-weight:normal;
}

#editParts td {
	background-color:#a5b4f9;
	text-align:left;
}