body{
    background: #eaeae9 url("bg.png") 0 0 repeat-x;
    color: #333333;
    font-family:'Verdana','Helvetica',sans-serif;
    font-size: 11px;
    margin:0;
    padding:0;
}

body#brochure-print{
	background: none;
    color: #000000;
    font-family:courier;
    font-size: 11px; 
    margin:0;
    padding:0;
}
img{
    border:0;
}
   
a, a:hover, a:visited{
    color:#333333;
    font-weight:normal;
}
a, a:visited{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
h1 {
	margin: 0 0 20px 0;
	color: #666666;
}
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
legend {
	/*background-color: #e20820;
	border: 1px solid #000000;
	font-weight: bold;
	padding: 2px 5px;
	color: #ffffff;*/
	display: none;
}
h2 { 
	background-color: #e20820;
	border: 1px solid black;
	color: #ffffff;
	font-size: 12px;
	padding: 2px 5px;
	top: -20px;
	left: 5px;
	position: absolute;
}
h2.italic {
	background-color: transparent;
	border: 0px;
	color: #000000;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	padding: 0px;
	top: 0px;
	left: 0px;
	position: static;
}
br.clear {
	clear: both;
}

.clear {
	clear: both;
}

.clear_border {
	height: 1px;
	min-height: 1px;
	background-color: #E3E3E3;
	margin: 20px 0px;
	clear: both;
}

span.superscript { 
	vertical-align: top;
	/* vertical-align: super; */
	/* font-size: .8em; */
	font-size: .75em;
}

input.readonly {
	color: grey;
	background-color: #fff;
}

label.standard-label {
	display: block;
	float: left;
	margin-top: 5px;
	width: 130px;
}

p.error {
	margin: 0 0 10px 0;
	color: red;
	text-decoration: none !important;
}

p.success {
	margin: 0 0 10px 0;
	color: green;
	text-decoration: none !important;
}	
input.inst-button {
    background-color: #FEC633;
	color: #333;
	border: 2px outset buttonface;
    display: inline-block;
    padding: 4px 8px;
    font-size: 11px;
    font-family: 'Verdana','Helvetica',sans-serif;
	margin: 0px;
	cursor: pointer;
    /* width: 50px; */
}

input.inst-button:hover {
	background-color: #ffcc99;
}

a.block:link, a.block {
	display: inline-block;
	background-color: #FEC633;
border-top: 2px solid buttonface;
border-left: 2px solid buttonface;
border-right: 2px solid grey;
border-bottom: 2px solid grey;
	height: auto;
	padding: 4px 8px;
	color: #333;
	width: auto;
    font-size: 11px;
    font-family: 'Verdana','Helvetica',sans-serif;
	text-decoration: none;
}


a.block:hover  {
	background-color: #ffcc99;
	text-decoration: none;
}
span.date-to {
	margin: 0 5px;
	font-style: italic;
    height: 22px;
    line-height: 22px;
	float: left;
}

select.username {
	width: 180px;
}
select.brand, select.sales-team{
	width: 142px;
}
select.cancel-reason {
	width: 180px;
}
label.lead-cancel-period {
	width: 80px !important;
}
input.lead-cancel-period {
	margin-top: 5px;
}
input.generic_day, input.generic_month {
	width: 20px;
	margin: 0 5px 0 0;
}

input.generic_year {
	width: 40px;
	margin: 0 5px 0 0;
}

input#login-submit {
	clear: both;
	margin-left: 80px;
}

input.highlighted {
	border: 1px solid #FEC633;
	font-weight: bold;
	color: black;
	background-color: #FFEDC1;
}

#export, input.buttonpadleft {
	margin-left: 7px;
}
#print {
	margin-left: 20px;
}
div#wrapper {
	width: 1000px;
	margin-left: 120px; 

}
div#banner {
	height: 100px;
	line-height: 100px;
	font-size: 16px;
	font-weight: bold;
}
div#banner img {
	float: left;
}
ul#navigation {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    height: 28px;
    list-style-type: none;
    margin: 0 0 1px;
    padding: 0
}
ul#navigation li{
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FEC633;
	border-bottom: 1px solid #FEC633;
    float: left;
    font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
    font-size: 12px;
    line-height: 26px;
	width: 80px;
	text-align: center;
}
ul#navigation li.selected {
	background-color: #F9F29D;
	/*border-top: 1px solid #fec633;
	border-bottom: 1px solid #fec633;*/
}

ul#navigation li#login, ul#navigation li#welcome, ul#navigation li#account{
	float:right;
	border-left: 1px solid #ffffff; 
	border-right: 0;
	color: #333333;
}
ul#navigation li.nav-off{
    color: #ffffff;
    padding:0 10px;
}
ul#navigation li a, ul#navigation-2 li a{
    display: block;
    /*padding: 0 10px;*/
}
ul#navigation li:hover a{
    background-color: #ffcc99;
}

ul#navigation-2 {
    background-color: #F9F29D;
    border-bottom: 1px solid #FEC633;
    border-left: 1px solid #FEC633;
    border-right: 1px solid #FEC633;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul#navigation-2 li {
    border-right: 1px solid #FEC633;
    float: left;
    font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
    font-size: 12px;
    line-height: 27px;
	width: 90px;
	text-align: center;
}
ul#navigation-2 li.selected  {
	background-color: #ffffff;
}
ul#navigation-2 li:hover {
	background-color: #ffcc99;
	cursor: pointer;
}
ul#navigation-2 li.f-right {
	float:right;
	border-left: 1px solid #FEC633; 
	border-right: 0;
	color: #333333;
}
ul#navigation-print{
	margin: 0;
	padding: 0;
	background-color: #fec633;
	list-style-type: none;
	overflow: hidden;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
ul#navigation-print li {
	border-left: 1px solid #ffffff;
	float: left;
	line-height: 28px;
	padding: 0 10px;
}
ul#navigation-print li:hover {
	background-color: #ffcc99;
	cursor: pointer;
}

div#content{
    padding: 20px 0;
	width: 100%;
	float: left;
}

div#content2 {
	width: 100%;
	overflow: auto;
}

div#content2-inner {
	padding-top: 20px;
}

div.content_row {
	padding-bottom: 20px;
	float: left;
}

th, td {
	text-align: left;
	border: 1px solid #cccccc;	
	padding: 5px;
}

div#login {
	background-color: #ffffff;
	position: relative;
	border: 2px outset #8d8d8d;
	width: 250px;
	padding: 20px 10px 10px 10px;
	margin-top: 10px;
}

div#login fieldset legend {
	display: none;
}
div#login label {
	width: 100px;
	display: block;
	float: left;
	margin-bottom: 5px;
}
div#login input {
	float: left;
	margin-bottom: 5px;
}
div#login input.textbox {
	width: 120px;	
}
div#login input.submit {
	margin-left: 100px;
}
div#print-top {
	color: #333333;
    font-family:'Verdana','Helvetica',sans-serif;
}
div#status-checkbox, div#category-radiobox{
	float: right;
	width: 300px;
}
div.fliter-checkboxes {
	float: right;
	width: 300px;
}

#error {
	/*padding-bottom: 10px;*/
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #D93737;
}
div.error {
	/*padding-bottom: 10px;*/
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #D93737;
}

#filter-ponumber-select{

}

#filter-postcode-select{

}

#filter-ponumber-search {

}

#filter-postcode-search {

}


#autocomplete_po_number, #autocomplete_tel, #autocomplete_vbeln, #autocomplete_pcode {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index: 1000;
}

#autocomplete_email {
  position:absolute;
  width:350px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index: 1000;
}

#autocomplete_po_number ul, #autocomplete_email ul, #autocomplete_tel ul, #autocomplete_vbeln ul, #autocomplete_pcode ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#autocomplete_po_number ul li.selected, #autocomplete_email ul li.selected, #autocomplete_tel ul li.selected, #autocomplete_vbeln ul li.selected, #autocomplete_pcode ul li.selected { 
	background-color: #ffb;
}
#autocomplete_po_number ul li, #autocomplete_email ul li, #autocomplete_tel ul li, #autocomplete_vbeln ul li, #autocomplete_pcode ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}


/* Table */

table#quotes, table#projects-table, table#document-table, table#brochures-table {
	width: 996px;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin-top: 10px;
}
table#quotes th#vbeln, table#projects-table th#vbeln {
	width: 80px;
}
table#quotes th#po-number, table#projects-table th#po-number {
	width: 100px;
}
table#quotes th#lead-date, table#projects-table th#delivery-date, table#projects-table th#start-date, table#projects-table th#survey-date {
	width: 80px;	
}
table#quotes th#sales-area {
	width: 70px;
}
table#quotes th#sales-person, table#projects-table th#pm, table#projects-table th#installer {
	width: 90px;
}
table#quotes th#status, table#projects-table th#status {
	width: 60px;
}
table#quotes th#first-appointment-date {
	width: 95px
}
table#quotes th#latest-appointment-date {
	width: 95px;
}

table#quotes th#most-recent-comment, table#projects-table th#most-recent-comment {
	width: 170px;
}

table#quotes th#recent-comment-date, table#projects-table th#recent-comment-date {
	width: 100px;
}

table#quotes th, table#quotes th a, table#projects-table th, table#projects-table th a, table#brochures-table th, table#brochures-table th a {
	font-weight: bold;
}
#previous {
	font-weight: bold;
}
#next {
	float: right;
	font-weight: bold;
}



#details {
	float: left;
	/*height: 490px;*/
	width: 400px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	/*margin-top: 10px;*/
}

#details2 {
	float: left;
	/*height: 490px;*/
	width: 450px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	/*margin-top: 10px;*/
}

#details3 {
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	

	margin-bottom: 30px;
	margin-left: 26px;
}


#details2 label, #details3 label {
	float: left;
	width: 180px;
	margin-top: 5px;
}

#details label {
	float: left;
	width: 130px;
	margin-top: 5px;
}

#details input.textbox, #details2 input.textbox, #details3 input.textbox, input.generic_tb {
	float: left;
	margin-bottom: 5px;
	width: 260px;
}


#details input.radio {

	margin-bottom: 10px;

}
#details textarea, #details2 textarea {
	width: 260px;
}
#details input.button {
	margin: 0 0 0 130px;
}

#details2 input.button, #details3 input.button {
	margin: 0 0 0 180px;
}

tr.SUCCESS td {
	background-color: #99ff99;
}

tr.FAILURE td {
	background-color: #F55;
}

tr.active td, tr.BOOK td {
	background-color: #ffff99;
}

tr.BOOK td.BOOK-dark, tr.LIVE td, tr.TBBK td.TBBK-dark, tr.REAP td.REAP-dark, tr.PNOP td.PNOP-dark {
	background-color: #ffff72;
}

tr.LOST td, tr.LDNV td, tr.CANC td, tr.PNMS td {
	background-color: #FF7878;
}


tr.LOST td.LOST-dark, tr.CANC td.CANC-dark, tr.PNMS td.PNMS-dark {
	background-color: #fc5050;
}

tr.LIVE td, tr.TBBK td, tr.REAP td, tr.PNOP td {
	background-color: #ffff99;
}
tr.HOLD td {
	background-color: #82e0ff;
}

tr.HOLD td.HOLD-dark {
	background-color: #5ad6fc;
}

tr td.date {
	text-align: center;
	padding: 10px 5px;
}


tr td.bold {
	font-weight: bold;
}


td#p-ind {
	background-color: #FFFFFF;
}

img.p-ind {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

div#top {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #8d8d8d;
	margin-bottom: 10px;
}
div#left {
	float: left;
	width: 350px;
	padding-top: 10px;
}

div#left2 {
	float: left;
	width: 500px;
	padding-top: 10px;
}

div#right {
	float: right;
	width: 530px;
}

div#right2 {
	float: right;
	width: 500px;
	padding-top: 10px;
}

/* Details box */


#installation-details {
	display: block;
	position: relative;
	border: 2px outset #8d8d8d;
	background-color: #ffffff;
	padding: 20px 10px 10px 10px;
}

#contact-details {
	margin-top: 20px;
	background-color: #ffffff;
	border: 2px outset #8d8d8d;
	display: block;
	padding: 20px 10px 10px 10px;
	position: relative;
}

#installation-details br, #contact-details br {
	clear: both;
}
#installation-details label, #contact-details label {
	width: 130px;
	display: block;
	float: left;
}
#installation-details input.text, #contact-details input.text {
	float: left;
	margin-bottom: 5px;
	width: 180px;
}
#installation-details input.checkbox {
	margin-bottom: 5px;
}
#installation-details textarea {
	width: 180px;
	height: 80px;
}

div#abp-assignment {	
	/*margin-bottom: 22px;*/
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	
	margin-top: 20px;
	/*height: 27px;*/
	width: 400px;
	float: left;
}

div#salesman-assignment {	
	margin-bottom: 0px;
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	
	margin-top: 20px;
	/*height: 27px;*/
	width: 400px;
	float:left;
}

div#area-assignment {	
	margin-bottom: 30px;
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	
	margin-top: 10px;
	width: 504px;
}
div#salesman-assignment label, div#area-assignment label, div#abp-assignment label {
	float: left;
	margin: 5px 0;
	width: 130px;
}
div#salesman-assignment select, div#area-assignment select, div#abp-assignment select {
	float: left;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 150px;
}
div#salesman-assignment input, div#area-assignment input, div#abp-assignment input {
	margin: 0 0 0 15px;
	width: 80px;
}


/* Contact */
div#contact {
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	
	margin-top: 10px;
	margin-bottom: 30px;
}


div#contact label#contact-time {
	display: block;
	margin-left: 5px;
	/*width: 100px;*/
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

div#contact br {
	clear: both;
}
#contact_day, #contact_month {
	width: 20px;
	margin-bottom: 10px;
}


#contact_hour {
	width: 20px;
	margin-bottom: 10px;
	/*margin-left: 5px;*/
}

#contact_minute {
	width: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
}


#contact_year {
	width: 40px;
	margin-bottom: 10px;	
}
div#contact table {
	width: 100%;	
	border-collapse: collapse;
	margin-bottom: 20px;
}
div#contact table th, div#contact table td {
	margin: 0;
	padding: 5px;
}
div#contact table th#contact-col-1 {
	width: 30px;
}
div#contact table th#contact-col-2 {
	width: 80px;
}
div#contact table th#contact-col-3 {
	width: 80px;
}
div#contact textarea {
	margin-bottom: 10px;
	width: 210px;
}
div#contact input.button {
	margin-left: 15px;
	float: right;
}


/* Appointments */
div#appointments {
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	
	margin-top: 10px;
	margin-bottom: 30px;
}
div#appointments label {
	display: block;
	float: left;
	width: 130px;
	margin-top: 4px;
}

div#appointments label#app-time{
	display: block;
	margin-left: 5px;
	width: 100px;
	float: left;
	margin-top: 4px;
}

div#appointments br {
	clear: both;
}
#appointment_day, #appointment_month {
	width: 20px;
	margin-bottom: 10px;
}

#appointment_day_text {	
	width: 85px;
	margin-bottom: 10px;
}

select#details_status {
	margin-bottom: 5px;
}
#details-date {
	float: left;
    margin-right: 10px;
    width: 240px;
	margin-bottom: 5px;
}
div#details-date input#hold-day, div#details-date input#hold-month  {
	width: 20px;
}
div#details-date input#hold-year {
	width: 40px;
}
#bstdk_day, #bstdk_month {
	margin-bottom: 5px;
}

#bstdk_year {
	width: 40px;	
	margin-bottom: 5px;
}

textarea#details_comments, textarea.gen_comment {
	margin-bottom: 5px;
}

select.generic, #installer-container-outer select.generic {
	margin-left: 0;
	width: 260px;
	max-width: 260px;
}
select.create-lead {
	width: 180px;
}

#date {
	float: left;
	width: 240px;
	margin-right: 10px;
}

#time {
	float: right;
	width: 200px;
	margin-right: 40px;
}


div#contact label {
	display: block;
	float: left;
	/*width: 130px;*/
	/*margin-right: 5px;*/
	margin-top: 4px;
}

label#c-date {
	margin-right: 5px;
}

label#c-method {
	margin-right: 24px;
	height: 34px;
}

label#c-comments {
	margin-right: 5px;
}

label#c-status {
	width: 60px;
	margin-left: 5px;
}

#appointment_hour , #appointment_minute {
	width: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
}



#appointment_year {
	width: 40px;
	margin-bottom: 10px;	
}
div#appointments table {
	width: 100%;	
	border-collapse: collapse;
	margin-bottom: 20px;
}
div#appointments table th, div#appointments table td {
	margin: 0;
	padding: 5px;
}
div#appointments table th#appointments-col-1 {
	width: 30px;
}
div#appointments table th#appointments-col-2 {
	width: 80px;
}
div#appointments table th#appointments-col-3 {
	width: 80px;
}
div#appointments textarea {
	margin-bottom: 10px;
	width: 210px;
}
div#appointments input.button, #tabview-container-outer div#tabview-tablearea label.padl  {
	margin-left: 15px;
	float: right;
}


/* Comments */
div#comments {
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;
	margin-top: 10px;
	margin-bottom: 30px;
}
div#comments label {
	display: block;
	float: left;
	width: 130px;
}
div#comments br {
	clear: both;
}

div#comments table {
	width: 100%;	
	border-collapse: collapse;
	margin-bottom: 20px;
}
div#comments table th, div#comments table td {
	margin: 0;
	padding: 5px;
	
}
div#comments table th#comments-col-1 {
	width: 20px;
}
div#comments table th#comments-col-2 {
	width: 50px;
}
div#comments table th#comments-col-3 {
	width: 70px;
}
/* 
div#comments table th#comments-col-4 {
	width: 100px;
}
*/

div#comments textarea {
	margin-bottom: 10px;
	margin-right: 0px;
	width: 210px;
}
div#comments input.button {
	margin-left: 15px;
	margin-top: 0px;
}


/* Quotes */
div#quotes {

	background-color: #ffffff;
	border: 1px solid #828177;
	padding: 8px;
	
	background-color:#FFFFFF;
	border:2px outset #8D8D8D;
	display:block;
	padding:20px 10px 10px;
	position:relative;	
	margin-top: 10px;	
	margin-bottom: 30px;
}
#quotes legend {
	display: none;
}

div#quotes table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
tr.SOLD td {
	background-color: #a6faa5;
}

tr.SOLD td.SOLD-dark {
	background-color: #83f981;
}

div#quotes table th, div#quotes table td {
	margin: 0;
	padding: 5px;
}
div#quotes table th#quotes-col-1 {
	width: 150px;
}
div#quotes table th#appointments-col-2 {
	width: 80px;
}
div#quotes table th#quotes-col-3 {
	width: 80px;
}

/* Requests */
#requests-wrapper {
	padding:20px 10px 10px;
}

.planner-requests {
	width: 100%;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin-bottom: 10px;
	display: block;
	padding:20px 10px 10px;
}

.requests {
	width: 100%;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin-bottom: 10px;
	display: block;
	position: relative;
		padding:20px 10px 10px;
}
.requests-col-1 {
	width: 100px;
}
.requests-col-2 {
	width: 200px;
}
.requests-col-3 {
	width: 150px;
}
.requests-col-4 {
	width: 510px;
}
.requests th, .requests th {
	vertical-align: top;
	background-color: white !important;
}
.request-needed {
	background-color: #ff9999;
	font-weight: bold;
}
.request-needed span {
	float: left;
}
.request-needed form {
	float: left;
}
.request-responded {
	background-color: #99ff99;
	font-weight: bold;
}

.request-needed input {
	margin-left: 50px;
}


/* Filter boxes */
div#select-right {
	float: right;
	padding-top: 0px;
	padding-right: 40px;
	/*padding-bottom: 175px;*/
	padding-left: 15px;
	width: 400px;
}

div#search-left {
	float: left;
	border-right: 1px dashed #999999;
	padding-top: 0px;
	padding-right: 20px;
	width: 500px;
}

div#table-container {
	float: left;
}

div#results-div {
	width: 996px;
}
div#print-left{
	float: left;
	width: 400px;
}
div#results-right{
	float: right;
	width: 200px;
}

div#search-wrapper {
	overflow: hidden;
	margin-bottom: 10px;
}

div#search-wrapper-line {
	overflow: hidden;
	margin-bottom: 20px;
}

/* Filters */

fieldset#filter-ponumber-select {
	margin: 5px 0 10px 0;
}

fieldset#filters {
	margin: 5px 0 10px 0;
	width: 510px;
}

fieldset#filters label {
	float: left;
	display: block;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	margin-right: 10px;
}

fieldset#filters label{
	width: 200px;
}
fieldset#filters span{
	line-height: 22px;
	font-style:italic;
}
fieldset#filters span, fieldset#filters input{
	float: left;
}
div.break {
	height: 5px;
	clear: both;
}

/* Forms */

label#resultscount {
	float: right;
}


form#resultsform {
	float: right;
}

form#project-resultsform {
	float: right;
	margin-top: 10px;
}

form#comments {
	width: 450px;
}

form#comments input {
	width: 125px;
	float: right;
}

form#comments label { 
	width: 75px;
	margin-right: 3px;
}

form#filter-ponumber-select label, form#filter-postcode-select label, form#filter-email-select label, form#filter-tel-select label, form#filter-vbeln-select label, form#filter-pcode-select label, form#filter-kitchens-bathrooms label{
	float: left;
	width: 150px;
	display: block;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	margin-right: 10px;
}

form#project-vbeln-select label, form#project-pcode-select label, form#project-email-select label, form#project-tel-select label {
	float: left;
	width: 150px;
	display: block;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	margin-right: 10px;
}

#filter-ponumber-select input, form#filter-postcode-select input, form#filter-tel-select input  {
	float: left;
}


form#filter-email-select input {
	float: left;
	width: 225px;
	margin-left: 0px;
}

form#filter-ponumber-search label, form#filter-postcode-search label {
	float: left;
	width: 200px;
	display: block;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	margin-right: 10px;
}

input#filter-date-from-day, input#filter-date-from-month, input#filter-date-to-day, input#filter-date-to-month, 
input#planner-date-from-day, input#planner-date-from-month, input#planner-date-to-day, input#planner-date-to-month,
input#conv-date-from-day, input#conv-date-to-day, input#conv-date-from-month, input#conv-date-to-month , input#filter-appt-to-day,
input#filter-appt-to-month, input#filter-appt-from-day, input#filter-appt-from-month, input#edit-date-from-day, input#edit-date-from-month, input#edit-date-to-day, input#edit-date-to-month {
	width: 20px;
	margin: 0 5px 0 0;
}

input#filter-date-from-year, input#filter-date-to-year, input#filter-appt-from-year, input#filter-appt-to-year, input#planner-date-from-year, input#planner-date-to-year,
input#conv-date-from-year, input#conv-date-to-year, input#edit-date-to-year, input#edit-date-from-year {
	width: 40px;
	margin: 0 5px 0 0;
}
input#filter-date-from-day, input#filter-date-to-day, input#conv-date-from-day, input#conv-date-to-day, 
input#filter-appt-from-day, input#filter-appt-to-day {
	margin-left: 5px;
}
input#filter-date-to-year, input#filter-appt-to-year {
	margin-right: 10px;
}
fieldset#filters input.checkbox {
	margin: 5px 5px 0 5px;
}

/* Admin */


 #admin-salesman-stats {
	float: left;
	position: relative;
	margin-top: 20px;
	border: 2px solid #8d8d8d;
	background: #ffffff;
	/*padding: 10px 10px 20px 10px;*/

	margin-bottom: 20px;
}

#admin-salesmen {

	top: 20px;
	border: 2px solid #8d8d8d;
	background: #ffffff;
	padding-top: 30px;
	margin-bottom: 20px;
	WIDTH: 100%;
	position: relative;
}


div.number-right {
	width: 50px;
	text-align: right;
	
}
div#select-salesman input, div#select-salesman label {
    display: block;
    float: left;
}
div#select-salesman select {
	display: block;
    float: left;
    width: 200px;
}
div#select-salesman label {
	font-weight: bold;
    vertical-align: top;
    width: 150px;
	margin-top: 0;
	padding: 5px;
}
div#select-salesman input {
	margin-left: 160px;
    margin-top: 10px;
}
table#admin-salesteam{
	margin-top: 20px;
	margin-bottom: 20px;
}
div#transfer_salesman {
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#admin-salesmen table, #transfer_salesman {
	border-collapse: collapse;
	width: 400px;
	border: 0 none;
	float: left;
	margin-left: 10px;

}
div#transfer-salesman-confirm {
	margin: 20px 10px;
}
#admin-salesmen table tfoot td, #transfer_salesman table tfoot td  {
	border: 0 none;
}
#admin-appointments {
	margin-top: 10px;
	border: 2px solid #8d8d8d;
	background: #ffffff;
	padding: 10px;
	overflow: hidden;	
}
#admin-appointments table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #cccccc;
}
table#admin-ratio-salesmen {
	margin: 10px 0 0 20px;
	width: 540px !important;
}
#admin-salesmen label {
	float: left;
	width: 130px;
	margin-top: 5px;
}
#admin-salesmen input#transfer-confirm {
    margin: 0 0 0 130px;
}


div#abp {
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}
div#abp label {
	font-weight: bold;
	vertical-align: top;
	width: 160px;
}
div#abp select, div#abp input, div#abp label {
	float: left;
	display: block;
}
div#abp select {
	float: left;
	width: 200px;
	display: block;
}
div#abp input.submit {
	margin-left: 160px;
	margin-top: 10px;
}
div#abp p {
	margin: 0 0 10px 0;
	font-weight: bold;
	text-decoration: underline;
}

#edit-appointment {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
form#showHideUsers {
	width: 392px;
	border: 1px solid #CCCCCC;
	padding: 0 4px;
	margin: 10px;
}
label.stats-bold {
	font-weight: bold;
	float: left;
	width: 200px;
	margin: 6px 0 7px 10px;
	font-size: 12px;
}

div.stats-display-text {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 100px;
	font-size: 12px;
}
/* Export */
#export_list{
	padding-left: 15px;
}

/* Ajax */
div.ajax-bstnk {
	font-weight: bold;
}


option#hidden-option {
	display: none;
}





/* Planner */


form#planner-resultsform {
	float: right;
	width: 20%;
	margin-bottom: 5px;
	margin-top: 5px;
}


form#requests-form {
	float: left;
	/*width: 70%;*/
	margin: 5px;
}

div#planner-radio {
	float: left;
	height: 30px;
	margin-top: 2px;
}

div#planner-dates {
	float: left;
	height: 30px;
	margin-left: 15px;
}

div#dropdownresults{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	width: 100%;
	height: 50px;
}

div#planner-forms {
	float: left;
	width: 100%;
	margin: 5px 0;
}

label#label-date, #label-which {
	font-weight: bold;
}




/* Projects */

div.display-text {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 154px;
	font-size: 12px;
/*	overflow: auto;*/
}
div.clubcard-text {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 154px;
	font-size: 11px;
}
div.email-text {
	float: left;
	word-wrap: break-word;
	margin: 6px 0 7px 0;
	width: 154px;
	font-size: 12px;
}
div.instructions-text {
	float: left;
	margin: 6px 0 7px 0;
	width: 154px;
	font-size: 12px;
}
div.display-text-right {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 100px;
	font-size: 12px;
	text-align: center;
	padding: 2px;
}
div.display-text-status {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 170px;
	font-size: 12px;
}

div#project-left {
	float: left;
	width: 320px;
	padding-top: 10px;
}
div#project-right {
	float: right;
	width: 620px;
	padding-top: 10px;
}

div#project-right-left {
	float: left;
	width: 310px;
}

div#project-right-right {
	float: right;
	width: 310px;
}


div#project-radio {
	height: 20px;
	margin-top: 2px;
}

#project-details {
	float: left;
	/*height: 140px;*/
	width: 320px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 10px;
}

#project-details label {
	float: left;
	width: 120px;
	margin: 7px 0;
}
#project-details input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}
#project-details a {
    color: blue;
    margin-left: 110px;
}
#project-details textarea {
	width: 260px;
}
#project-details input.button {
	margin: 0 0 0 110px;
}

#project-customer {
	float: left;
	width: 320px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 20px;
}
#project-customer label {
	float: left;
	width: 110px;
	margin: 7px 0;
}
#project-customer input.textbox {
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 200px;
}
#project-customer input#vip-flag {
	margin: 7px 0;
	float: left;
}

#project-customer input#clubcard-no {
	font-size: 12px;
}
#project-customer textarea {
	width: 260px;
}
#project-customer input.button {
	margin: 0 0 0 110px;
}
#project-customer a {
	color: blue;
	margin-left: 110px;
}

div#project-comments {
    background-color: white;
    border: 2px outset #8D8D8D;
    float: left;
    margin-top: 20px;
    padding: 20px 10px 10px;
    position: relative;
    width: 600px;
}


div#project-installer {
	float: left;
	/*height: 250px;*/
	width: 280px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 10px;
}
div#project-installer label {
	float: left;
	width: 120px;
	margin: 7px 0;
}
div#project-installer input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}
div#project-installer input.textbox-date {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}

div.installer-dates {
	float: left;
	width: 120px;
	margin-right: 30px;
}

div.installer-dates input.day-month {
	width: 25px;
	margin-bottom: 5px;
}

div.installer-dates input.year {
	width: 40px;
	margin-bottom: 5px;
}


div#project-installer textarea {
	width: 260px;
}
div#project-installer input.button {
	margin: 0 0 0 110px;
}
div.delay-text {
	float: left;
	margin: 6px 0 7px 0;
	width: 154px;
	font-size: 12px;
}
a.project-old {
	margin-left: 110px;
	color: blue;
}
div#project-installer input#details-installer {
	margin: 0 0 5px 0;
}

div#project-installer select#details-installer {
	margin-bottom: 7px;
	margin-left: 0;
}


div#project-pm {
	float: right;
	width: 280px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 10px;
}
div#project-pm label {
	float: left;
	width: 110px;
	margin: 7px 0;
}
div#project-pm input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}
div#project-pm input.textbox-date {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}
div#project-pm textarea {
	width: 260px;
}
div#project-pm input.button {
	margin: 0 0 0 110px;
}
div#project-pm a {
	margin-left: 110px;
	color: blue;
}
div#project-pm input#details-pm {
	margin: 0 0 5px 0;
}

div#project-pm select#details-pm {
	margin-bottom: 7px;
	margin-left: 0;
}


div#project-inspection {
	float: right;
	height: 120px;
	width: 280px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 20px;
}
div#project-inspection label {
	float: left;
	width: 110px;
	margin-top: 5px;
}
div#project-inspection input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}
div#project-inspection input.textbox-date {
	float: left;
	margin-bottom: 5px;
	width: 150px;
}
div#project-inspection input.button {
	margin: 0 0 0 110px;
}


div#project-comments table#comments-table {
	width: 600px;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 0;
}
div#project-comments table th#comment-count {
	width: 120px;
	text-align: center;
}
div#project-comments table th#comment-time {
	width: 120px;
	text-align: center;
}
div#project-comments table th#comment-user {
	width: 280px;
	text-align: center;
}div#project-comments table th#comment-text {
	width: 280px;
	text-align: center;
}

div#project-comments table td.comment-count {
	width: 100px;
	font-weight: bold;
}
div#project-comments table td.comment-time {
	width: 120px;
}
div#project-comments table td.comment-user {
	width: 280px;
}
div#project-comments label {
	float: left;
    margin: 4px 0 7px;
    width: 120px;
}
div#project-comments textarea {
	float: left;
}
div#project-comments input {
	float: left;
}
div#nar-date  input{
    float: left;
    margin-right: 30px;
	margin-right: 3px;

}
div#project-comments a#clear-nar {
	margin-left: 40px;
	padding-top: 4px;
	color: blue;
	float: left;
}

div#document-log {
	float: left;
	width: 600px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 20px;
}

div#document-log table#document-table {
	width: 600px;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 0;
}

div#document-log table th#document-type {
	width: 120px;
	text-align: center;
}
div#document-log table th#document-name {
	width: 250px;
	text-align: center;
}
div#document-log table th#document-date {
	width: 100px;
	text-align: center;
}
div#document-log table th#document-user {
	width: 150px;
	text-align: center;
}

div#document-log table td.doc-type {
	width: 100px;
	font-weight: bold;
}
div#document-log table td.doc-name {
	width: 250px;
}
div#document-log table td.doc-name a {
	color: blue;
}
div#document-log table td.doc-date {
	width: 100px;
}
div#document-log table td.doc-user {
	width: 150px;
}

form#project-upload-document {
	float: right;
	margin-top: 10px;
}

div#appliances {
    background-color: white;
    border: 2px outset #8D8D8D;
    float: left;
    margin-top: 20px;
    padding: 20px 10px 10px;
    position: relative;
    width: 600px;
}

div#appliances table#appliance-table {
	width: 600px;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 0;
}
div#appliances table th#appliance-model-no {
	width: 120px;
	text-align: center;
}
div#appliances table th#appliance-serial-no {
	width: 120px;
	text-align: center;
}
div#appliances table th#appliance-descr {
	width: 280px;
	text-align: center;
}

div#appliances table td.app_model {
	width: 100px;
	font-weight: bold;
}
div#appliances table td.app_serial {
	width: 120px;
}
div#appliances table td.app_descr {
	width: 280px;
	overflow: hidden;
}
form#project-upload-appliance {
	float: left;
	margin-top: 10px;
}
div#appliances div#app-description {
	float: right;
	width: 340px;
}
div#appliances div#model-serial-no {
	float: left;
	width: 250px;
}
div#appliances a {
    color: blue;
    margin-left: 250px;
}
div#appliances a.delete_appliance {
    color: blue;
    margin-left: 0;
}
label#app-descr-label {
}
input#app-descr {
	width: 220px;
}

fieldset#filters label.standard {
	float: left;
	width: 75px;
	display: block;
	height: 22px;
	line-height: 15px;
	font-weight: normal;
	border-bottom: none;
	margin-right: 2px;
	font-size: 12px;
	margin-top: 3px;
}

table#projects-table td.vip {
	background-color: #FF9C3A;
}

label.project-bold {
	font-weight: bold;
}
label.status-overlay {
	margin-left: 40px;
}


/* Brochure Requests */
a#print-labels {
	width: 80px;
	/*background-image: url("print-labels.png");*/
}
div#print-checks {
	width: 21cm;
	text-align: center;
	margin: 10px 30px;
}
div#print-checks a, div#print-checks a:hover, div#print-checks a:visited{
    color: blue;
    font-weight:normal;
}
div#print-checks a, div#print-checks a:visited{
    text-decoration:none;
}
div#print-checks a:hover{
    text-decoration:underline;
}
div#brochure-header-text, div#lead-header-text {
	float: left;
}
img.brochure-header-logo, img.lead-header-logo {
	float: left;
	margin-left: 50px;
}
#brochure-details {
	float: left;
	width: 400px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
}
div#brochure-indicator {
    float: left;
    font-size: 12px;
    height: 16px;
    margin: 6px 0 7px;
    width: 154px;
}
div.brochure-status-0 { /* Live */
	background-color: #9f9;
}
div.brochure-status-1 { /* Unprocessed */
	background-color: #fe7;
}
div.brochure-status-2 { /* Lost */
	background-color: #FF7878;
}
div.brochure-status-5 { /* On Hold */
	background-color: #82e0ff;
}

#brochure-details label {
	float: left;
	width: 130px;
	margin-top: 5px;
}
#brochure-details label.right-details {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	width: 60px;
}
#brochure-details input#details_telephone, #tabview-container-outer input#details_telephone {
	width: 150px;
}
#brochure-details input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 260px;
}

#brochure-details input.button {
	margin: 0 0 0 130px;
}

table#brochures-table tr.brochure-status-0 { /* Live */
	background-color: #9f9;
}
table#brochures-table tr.brochure-status-1 { /* Unprocessed */
	background-color: #fe7;
}
table#brochures-table tr.brochure-status-2 { /* Lost */
	background-color: #FF7878;
}
table#brochures-table tr.brochure-status-5 { /* On Hold */
	background-color: #82e0ff;
}
table#brochures-table td.brochure-status-invalid-num { /* Live */
	/*color: red;*/
	color: red;
	/*background-color: #eeeeee;*/
	text-align: center;
}


table#brochures-table th#bstnk {
	width: 80px;
}
table#brochures-table th#vbeln {
	width: 80px;
}
table#brochures-table th#postcode {
	width: 70px;
}
table#brochures-table th#status {
	width: 80px;
}
table#brochures-table th#req_rec {
	width: 80px;
}
table#brochures-table th#brochure-tel {
	width: 80px;
}
table#brochures-table th#brochure-email {
	width: 130px;
}
table#brochures-table th#contact-attempts {
	width: 70px;
}
table#brochures-table th#most-recent-comment {
	width: 120px;
}
table#brochures-table th#recent-comment-date {
	width: 80px;
}


/* Overview */
#overview-leads {
	float: left;
	height: 235px;
	width: 290px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 20px 10px 10px;
	background-color: white;
	margin-top: 20px;
	margin-right: 20px;
}

#overview-brochures {
	float: left;
	height: 235px;
	width: 290px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 10px 10px 20px;
	background-color: white;
	margin-top: 20px;
	margin-right: 20px;
}

#overview-brochures-2 {
	float: left;
	height: 295px;
	width: 456px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 10px 10px 20px;
	background-color: white;
	margin-top: 20px;
	margin-right: 20px;
}


#overview-projects {
	float: left;
	height: 235px;
	width: 290px;
	position: relative;
	border: 2px outset #8d8d8d;
	padding: 10px 10px 20px;
	background-color: white;
	margin-top: 20px;
}


label.overview-bold {
	font-weight: bold;
	float: left;
	width: 200px;
	margin: 6px 0 7px 10px;
}

div.overview-display-text {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 40px;
	font-size: 12px;
}



/* OVERLAY - GENERIC */
div#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	background-color: #5E575E;
	opacity: 0.7;
}

div#overlay-box {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 100;
	top: 180px;
	left: 0;
	/*height: 160px;*/
}

div#overlay-box-inner, div#overlay-box-payment-inner  {
	background-color: white;
	border: 2px solid black;
	/*height: 160px;*/
	padding: 0 0 10px 0;
	text-align: center;
	
	margin: 0 auto;
}

div#overlay-box-inner {
	width: 250px;
}

div#overlay-box-payment-inner {
	position: relative;
	width: 800px;
}

div#overlay-box-inner input#reminder-date-from-day, div#overlay-box-inner input#reminder-date-from-month, div#overlay-box-inner input#live-day, div#overlay-box-inner input#live-month {
	width: 20px;
	margin: 0 5px 0 0;
}

div#overlay-box-inner input#reminder-date-from-year, div#overlay-box-inner input#live-year  {
	width: 40px;
	margin: 0 5px 0 0;
}

div#overlay-box-inner a, div#overlay-box-payment-inner a {
	margin-left: 10px;
	color: blue;
}
div#overlay-box-payment-inner table#payment-history {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #8D8D8D;
    border-collapse: collapse;
    margin: 25px 100px 10px 100px;
    width: 600px;
}
div#add-payment {
	float: left;
	text-align: left;
}
div#add-payment label, div#payment-bottom-upper label {
	float: left;
    margin-top: 5px;
    width: 180px;
}
div#add-payment textarea {
	float: left;
    margin-top: 5px;
    width: 250px;
}
input#payment-amount {
	width: 120px;
}
div#add-payment label#new-payment-label {
	text-decoration: underline;
}
div#payments-top {

}
div#payment-bottom-lower {
	margin-left: 100px;
}
div#payment-bottom-upper {
	text-align: left;
	margin-left: 100px;	
}
div#payment-bottom-lower input, div#payment-bottom-lower select, div#payment-bottom-upper input{
	margin-top: 5px;
}

/*Print Brochures*/
body#brochure-print{
	background: none;
    color: #000000;
    font-family:courier new;
    font-size: 12px;
    margin:0;
    padding:0;
}
div#print-content{
	margin-left: 29px;
}
div.page {
	float:left;
	width: 21cm;
	height: 28cm;
	border: solid 1px black;
	float: left;
}
div.print-left, div.print-right{
	float: left;
	width: 9cm;
	height: 4.5cm;
	margin-top: 0.5cm;
	margin-right: 0.75cm;
	margin-left: 0.75cm;
	margin-bottom: 0.5cm;
}
div.page p {
	margin: 0;
	height: 0.5cm;
}
div.new-page {
	page-break-before: always;
}
/* Create Project */

div#new-project {
	position: relative;
	width: 475px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #8D8D8D;
    float: left;
}
div#change-project {
	position: relative;
	width: 475px;
	margin-left: 40px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #8D8D8D;
    float: left;
}
div#new-project-content, div#change-project-content {
	margin: 10px 10px 10px 10px;
	float: left;
}
p.proj-create-instruct {
	font-size: 12px;
}
label.create-project {
	font-weight: bold;
	width: 150px;
	float:left;
	margin: 4px 0;
}
input.create-project {
	width: 150px;
	float: left;
	margin-bottom: 5px;
}
input.create-proj-button {
	margin-left: 150px;
}
div#new-project-confirm {
	position: relative;
	width: 100%;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #8D8D8D;
    float: left;
}
div#new-project-confirm-content {
	margin: 10px 10px 10px 10px;
	float: left;
}
/*Reports*/
/*generic stuff */
div#report-container-inner {
    margin: 0 20px 20px;
    overflow: hidden;
    padding: 10px 10px 20px;
}
div.report-description {
    float: left;
    font-size: 12px;
    font-style: italic;
    padding: 4px 0 0;
    width: 400px;
} 
div.report-top {
    margin: 20px 30px 0 30px;
    overflow: auto;
} 
div.report-categ:first-child {
	border-top: 1px solid #000000;
}
div.report-categ {
    float: left;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 935px;
}
div.report-categ-header {
	float: left;
	background-color: #CCCCCC;
}
span.expand-report {
	
    cursor: pointer;
    float: left;
    padding: 5px 10px;
	width: 15px;
	font-size: 12px;
}
span.report-categ-display-text {
    float: left;
    font-size: 12px;
    height: 16px;
    width: 880px;
	font-weight: bold;
	/*border-bottom: 1px dashed #cbcbcb;*/
}
div.report-results-container {
	margin: 20px;
	float: left;
}

div.categ-reports {
    border-top: 1px solid #000000;
    float: left;
    font-size: 12px;
    padding: 0 0 4px 60px;
    width: 875px;
}
a.categ-reports-link {
	padding: 4px 0 0 0;
	float: left;
	width: 300px;
}
span.report-back-to-prev {
	float: right;
}
span.report-back-to-prev a {
	text-decoration: underline;
}
span.report-back-to-prev a:hover {
	text-decoration: none;
}
div.split-rep-select-2 {
    float: left;
    margin-right: 10px;
    width: 450px;
}
p.report-select-instruct {
	font-size: 12px;
}
div#report-select, div#report-area {
	position: relative;
	width: 996px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #8D8D8D;
    float: left;
}
div#report-select-content, div#report-content {
	margin: 10px 10px 10px 10px;
	float: left;
}
div.report-select-area {
	margin: 10px 30px;
	overflow: auto;
}
div.report-info {
	margin: 10px 30px;
	overflow: auto;
}
div.report-display-text {
    float: left;
    font-size: 12px;
    /*height: 16px;*/
    margin: 3px 10px 7px 0;
    width: 200px;
}
div.report-results-area {
	float: left;
	margin: 20px;
	width: 956px;
}

div#report-content2-top {
	margin: 0px 10px 20px 10px;
	padding-top: 30px;
	overflow: auto;
}

div#report-content2 {
	margin: 0px 10px 20px 10px;
	overflow: auto;
}

div#report-content2-top label {
	float: left;
	margin-right: 0px;
	padding: 5px;
}

div#report-content2-top input.fleft, #date_type, #date_range {
	float: left;
	margin-right: 20px;
}


div#report-content2-top span.cinput {
	margin: 2px 20px 5px 0px;
	display: block;
	float: left;
}

label.label-report-select {
	font-weight: bold;
	width: 100px;
	float:left;
	font-size: 12px;
	margin: 4px 0;
}
input.report-select-button {
	margin-left: 10px;
}
table#project-ageing {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 20px;
}
table#project-ageing tr th {
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}
table#project-ageing th#status {
	width: 180px;
}
table#project-ageing th#pm-total {
	width: 60px;
}
table#project-ageing th.timespan {
	width: 70px;
}
table#project-ageing th a {
	font-weight: bold;
}
table#project-ageing tfoot{
	font-weight: bold;
}
table#project-ageing-projects {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 20px;
	width: 940px;
}
table#project-ageing-projects th{
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}
table#project-ageing-projects th a {
	font-weight: bold;
}
div#project-ageing-select {
	float: left;
    margin-bottom: 10px;
    margin-left: 20px;
	margin-top: 10px;
    width: 940px;
} 
div#project-ageing-info{
	margin-left: 20px;
	float: left;
}
label.project-ageing, label.inst-projects, label.report-input-label {
	font-weight: bold;
	width: 140px;
	float:left;
	font-size: 11px;
	margin: 4px 0;
}
div.project-ageing-text {
	float: left;
	height: 16px;
	margin: 4px 10px 7px 0;
	width: 200px;
	font-size: 12px;
}
div#report-content a, input.marginup {
	margin-top: 10px;
}
/*Reports - login tracking*/
table#login-tracking {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
}
/*Reports - Salesman commission*/
div#comm-sales-selections{
	margin-top: 20px;
	float: left;
}
label.comm-sales {
	font-weight: bold;
	width: 100px;
	float:left;
	font-size: 12px;
	margin: 3px 0;
}
div#comm-sales-selections select {
	float: left;
	margin-bottom: 7px;
}
select#comm-sales-team, select#comm-sales-salesman {
	width: 150px;
}
div#comm-sales-selections-lhs {
	float: left;
	width: 450px;
}
div#comm-sales-selections-rhs {
	float: left;
	margin-left: 40px;
	width: 450px;
}
table#salesperson-comms-orders, table#salesperson-comms-overview, table#managers-comms-overview {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 20px 10px;
	width: 960px;
}
table#salesperson-comms-orders tr th, table#salesperson-comms-overview tr th, table#managers-comms-overview tr th {
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}
th#comm-overview-now-owed, th#comm-overview-this_paid, th#comm-overview-total-owed, th#comm-overview-this-due,
th#comm-overview-prev-due, th#comm-overview-comm-rate, th#comm-overview-num-of-orders{
	width:110px;
}
tr.comm-nothing-found td{
	font: italic;
}
tr.comm-order-cancelled td {
	background: #fb998c;
}
tr.comm-order-paid-full td {
	background: #c7ffc7;
}
tr.comm-order-comm-earned td {
	background: #cfddea;
}
tr.comm-order-comm-outstanding td {
	background: #fff9cb;
}
div#comm-order-view {
	float: left;
}
/*Reports - drill into commission order*/
div#comm-order {
	border: 1px solid gray;
    float: left;
    padding: 10px 20px;
    width: 600px;
	margin: 10px 20px;
}
div.comm-order-text {
	float: left;
	margin: 5px 0;
	width: 500px;
}
div.comm-order-conditions-text {
	float: left;
	width: 500px;
}
label.comm-order, label.comm-order-val  {
	font-weight: bold;
	width: 160px;
	float:left;
	font-size: 12px;
}
div.order-text-display {
	float: left;
	width: 250px;
	font-size: 12px;
	margin-left: 10px;
}
div#comm-order-view  a.edit{
	float: left;
	width: 100%;
}
div#comm-order-pricing, div#comm-order-payments, div#comm-order-conditions, div#comm-order-comm-amts {
	border-top: 1px dashed gray;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    width: 600px;
}
div.comm-order-val-left, div.comm-order-val-right{
	float: left;
	margin: 5px 0;
	width: 275px;
}
div.order-val-text-display {
	float: left;
	width: 100px;
	font-size: 12px;
	margin-left: 10px;
}
label.comm-order-conditions {
	font-weight: bold;
	width: 250px;
	float:left;
	font-size: 12px;
}
input.condition-check {
	float: left;
	margin-right: 5px;
}
div#comm-order-buttons{
	float: left;
}
div#comm-order-buttons a, div#comm-order-buttons input{
	float: left;
	margin-left: 260px;
}
div#comm-order-buttons a {
	color: blue;
}
div#comm-order-buttons input {
	margin-top: 7px;
}
/* Report - click on salesman */
div#salesperson-weeks-totals {
	margin-top: 20px;
	width: 450px;
}
table#salesperson-weeks, table#manager-weeks {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 20px 10px;
	width: 960px;
}
table#salesperson-weeks tr th, table#manager-weeks tr th {
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}

/* Report - Comm Payments*/
label.comm-payments {
	font-weight: bold;
	width: 200px;
	float:left;
	font-size: 12px;
	margin: 3px 0;
}
div.comm-text {
	width: 200px;
	float:left;
	font-size: 12px;
	margin: 3px 0;
}
input.comm-payments-button {
	margin-top:10px;
}
/* Report - Brochure Converts*/
div#brochures-convert-search {
	float: left;
	width: 980px;
}
fieldset#report-brochures-converted  {
	margin: 5px 0 0 0;
	width: 100%;
}
table#rep-brochures-converted {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 0px 10px;
	width: 960px;
}
table#rep-brochures-converted tr th {
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}
fieldset#report-brochures-converted span, fieldset#report-brochures-converted input {
	float: left;
}
fieldset#report-brochures-converted span{
	height: 22px;
	line-height: 22px;
	font-style:italic;
}
div#brochures-converted-left, div#brochures-converted-right {
	float: left;
	width: 50%;
}
label.brochure-converts {
	font-weight: bold;
	width: 150px;
	float:left;
	font-size: 12px;
	margin: 3px 0;
}
select#brochure-converts-users {
	width: 165px;
}
input.brochure-conv-button {
	float: left;
	margin-top: 5px;
}
/* Report - Salesman Stats */
div#rep-salesmen-stats {
	float: left;
	width: 100%;
	margin-top: 20px;
}
table#report-salesmen-stats-teams{
	border-collapse: collapse;
	width: 400px;
	border: 0 none;
	float: left;
	margin-left: 10px;
}
table#report-salesmen-stats-teams td.highlighted, table#report-salesmen-stats-teams td.highlighted {
	background: #3399FF;
}

a.highlighted {
	color: #FFFFFF;
}
a.normal {
	color: #333333;
}
div#select-salesman {
	float: left;
	width: 400px;
	margin-left: 40px;
}
span.report-salesman-stats-header {
    background-color: #A6A6A6;
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 3px 0 3px 3px;
    width: 480px;
}
div#report-salesman-stats-container {
	width: 958px;

    float: left;
    margin: 20px;
}
div#report-salesman-stats-results {
	padding: 0 20px;
}
div#report-salesman-stats-results div.stats-time-header {
	margin-left: 310px;
	margin-right: 500px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}
div#report-salesman-stats-results label.stats-bold {
	font-weight: bold;
	float: left;
	width: 200px;
	margin: 6px 0 7px 10px;
}
div#report-salesman-stats-results div.stats-header-text {
	font-weight: bold;
}
div#report-salesman-stats-results div.stats-display-text, div#report-salesman-stats-results div.stats-header-text  {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 100px;
	font-size: 12px;
}


/* Report - Installer Expiries */

table#rep-installer {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin: 0px 10px;
	width: 800px;
}
table#rep-installer tr th {
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}

table#rep-installer th, table#rep-installer td {
	padding: 5px 13px;
}

table#rep-installer th a, table#rep-installer th a:link, table#rep-brochures-converted th a, table#rep-brochures-converted th a:link {
	font-weight: bold;
	text-decoration: none;
}

table#rep-installer th a:hover, table#rep-brochures-converted th a:hover {
	text-decoration: underline;
}


td.center {
	text-align: center;
}


table#rep-installer td.last a, table#rep-brochures-converted td.last a {
	font-weight: bold;
}

table#rep-installer td.last span.left, table#rep-brochures-converted td.last span.left {
	float: left;
}

table#rep-installer td.last span.right, table#rep-brochures-converted td.last span.right {
	float: right;
}


div#report-content2 p {
	padding: 5px;
}

/* Report - proj by installers */
table#rep-inst-proj-overview, table#rep-inst-proj-projects {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
}
table#rep-inst-proj-overview tr th, table#rep-inst-proj-projects tr th {
	background: #eaeae9;
	border-bottom: 2px solid #8d8d8d;
}
table#rep-inst-proj-projects th a {
	font-weight: bold;
}
table#rep-inst-proj-overview tfoot tr td {
	border-top: 2px solid #8d8d8d;
}
table#rep-inst-proj-overview {
	width: 500px;
}
table#rep-inst-proj-projects {
	width: 940px;
}
/*Installation weeks slider report*/
div#rep-inst-weeks-slider {
    float: left;
    height: 262px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 956px;
}
div.rep-weeks-slider-box {
	width: 236px;
	height: 244px;
	display: inline-block;
}
span.slider-week {
    height: 20px;
    overflow: hidden;
    width: 100%;
	float: left;
}
div.slider-box-contents {
    border: 2px solid black;
    float: left;
    height: 220px;
    width: 232px;
}
div.previous-week {
	background-color: #A5A5A5;
}
div.this-week {
	background-color: #A5FFC7;
}
div.future-week {
	background-color: #FFFF89;
}
table.slider-box-table {
	border-collapse: collapse;
	border: none;
	width: 228px;
	margin: 0 2px;
}

table.slider-box-table td, table.slider-box-table th {
	border: none;
}
table.slider-box-table tr td.descr {
	width: 150px;
}
table.slider-box-table tr.level-1-previous td {
	background-color: #C6C6C6;
}
table.slider-box-table tr.level-2-previous td {
	background-color: #DDDDDD;
}
table.slider-box-table tr.level-1-current td {
	background-color: #C6FFDC;
}
table.slider-box-table tr.level-2-current td {
	background-color: #DDFFEA;
}
table.slider-box-table tr.level-1-future td {
	background-color: #FFFFB2;
}
table.slider-box-table tr.level-2-future td {
	background-color: #FFFFD6;
}
/*report-appointments booked*/
table#rep-lead-app-overview{
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	width: 350px;
}
table#rep-lead-app-overview th.sales-area{
	width: 275px;
}
table#rep-lead-app-overview th.number-appt{
	width: 75px;
}
table#rep-lead-app-booked{
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	width: 956px;
}
table#rep-lead-app-booked th, table#rep-lead-app-overview th {
	background-color: #eaeaea;
	border-bottom: 2px solid #8d8d8d;
}
table#rep-lead-app-booked th a {
	font-weight: bold;
}
table#rep-lead-app-booked th a:hover {
	text-decoration: underline;
}
/*report - weekly figures*/
table.rep-mk2-week-figures {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	width: 700px;
	margin: 0 50px 20px 0;
}
table.rep-team-week-figures {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	width: 820px;
	margin: 0 50px 20px 0;
}
table.rep-mk2-week-figures th,
table.rep-team-week-figures th {
	background: #eaeaea;
	border-bottom: 2px solid #8d8d8d;
}
table.rep-mk2-week-figures tr th.table-head-yellow, table.rep-mk2-week-figures tr td.table-head-yellow,
table.rep-team-week-figures tr th.table-head-yellow, table.rep-team-week-figures tr td.table-head-yellow{
	background: #F9F29D;
}
table.rep-mk2-week-figures tr th.total_cell, table.rep-mk2-week-figures tr td.total_cell,
table.rep-team-week-figures tr th.total_cell, table.rep-team-week-figures tr td.total_cell {
	border-left: 2px solid #8d8d8d;
}
table.rep-mk2-week-figures th.sales-team-name,
table.rep-team-week-figures th.sales-team-name  {
	width: 60px;
}
/* Reports - cancellation reasons */
div.cancel-reasons-overview {
	float: left;
}
div.cancel-reasons-others {
	float: left;
}
table#cancel-reasons-overview {
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #cccccc;
	width: 300px;
	margin: 0 50px 20px 0;
	float: left;
}
table#cancel-reasons-overview th {
	border-bottom: 2px solid #cccccc;
}
table#cancel-reasons-others{
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #cccccc;
	width: 955px;
	margin: 0 0 20px 0;
	float: left;
}
table#cancel-reasons-others th {
	border-bottom: 2px solid #cccccc;
}
/* Account */
div#change-password {
	background-color: #ffffff;
	position: relative;
	border: 2px outset #8d8d8d;
	width: 350px;
	padding: 20px 10px 10px 10px;
	margin-top: 10px;
}

#change-password label {
	float: left;
	width: 160px;
	margin-top: 5px;
}

#change-password input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 180px;
}

#change-password input.button {
	margin: 0 0 0 160px;
}

#change-password a {
	color: green;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

#change-password a:hover {
	text-decoration: none;
}

/*Installers and Generic Tabview CSS */

#installer-container-outer, #tabview-container-outer, #appointment-outer, #report-container-outer {

	top: 20px;
	border: 2px solid #8d8d8d;
	background: #ffffff;
	padding-top: 30px;
	margin-bottom: 20px;
	WIDTH: 100%;
	position: relative;
}


#installer-container-inner, #tabview-container-inner {
	margin: 0 20px 20px 20px;
	padding: 10px 10px 20px 10px;
	OVERFLOW-Y: AUTO;
	OVERFLOW-X: HIDDEN;
	border: 1px solid #CCC;
	border-top: 0px;

}
div.installer-container-content {
	margin: 10px 10px 30px 10px;
	overflow: auto;
}
input#termination-day, input#termination-month, input#interview-day, input#interview-month, input#termination-day, 
 input#e-regexp-day, input#e-regexp-month, input#g-regexp-day, input#g-regexp-month, input#g-pipeexp-day, input#g-pipeexp-month, input#g-cookexp-day, input#g-cookexp-month, input#g-pipelpgexp-day, input#g-pipelpgexp-month, 
input#g-fireexp-day, input#g-fireexp-month, input#g-boilerexp-day, input#g-boilerexp-month, input#g-waterheatexp-day, input#g-waterheatexp-month {
	width: 20px;
	margin: 0 0 5px 0;
}

input#termination-year, input#interview-year, input#e-regexp-year, input#g-regexp-year, input#g-pipeexp-year, input#g-cookexp-year, input#g-pipelpgexp-year,  input#g-fireexp-year,  input#g-boilerexp-year,  input#g-waterheatexp-year {
	width: 40px;
	margin: 0 0 5px 0;
}


span.cinput {
	margin: 2px 0px 5px 0px;
	display: block;
	float: left;
}

span.instbreakhead {
	background-color: #A6A6A6;
	color: white;

	display: block;
	float: left;
	width: 444px;
	margin: 15px 0px 20px 0px;
	padding: 3px 0 3px 3px;
	font-weight: bold;

}

span.instbreakheadtop {
	background-color: #A6A6A6;
	color: white;

	display: block;
	float: left;
	width: 444px;
	margin: 0px 0px 20px 0px;
	padding: 3px 0 3px 3px;
	font-weight: bold;

}

span.instbreakhead-wide {
	background-color: #A6A6A6;
	color: white;

	display: block;
	float: left;
	width: 930px;
	margin: 15px 0px 20px 0px;
	padding: 3px 0 3px 3px;
	font-weight: bold;

}

span.instbreakheadtop-wide {
	background-color: #A6A6A6;
	color: white;

	display: block;
	float: left;
	width: 930px;
	margin: 0px 0px 20px 0px;
	padding: 3px 0 3px 3px;
	font-weight: bold;

}

span.instbreakheadtop-100 {
	background-color: #A6A6A6;
	color: white;
	display: block;
	float: left;
	width: 99%;
	margin: 0px 0px 20px 0px;
	padding: 3px 0 3px 3px;
	font-weight: bold;

}


div#left3, div.left3 {
	float: left;
	width: 465px;
	padding-top: 10px;
}

div#right3, div.right3 {
	float: right;
	width: 455px;
	padding-top: 10px;
}

div.left3, div.right3 { padding-top: 0px; } 

div#left4 {
	float: left;
	width: 350px;
	padding-top: 10px;
}


div#right4 {
	float: right;
	width: 580px;
	padding-top: 10px;
}

#installer-container-outer label, #admin-salesmen .salesmen-single label, #tabview-container-outer label, #appointment-outer label {
	float: left;
	width: 180px;
	margin: 5px 0px;
}

#tabview-container-outer label {
	margin-bottom: 10px;
}
#installer-container-outer input.textbox, #tabview-container-outer input.textbox, #appointment-outer input.textbox {
	float: left;
	margin-bottom: 5px;
	width: 260px;
}


#tabview-container-outer div.display-text {
	float: left;
	height: 16px;
	margin: 6px 0 7px 0;
	width: 154px;
	font-size: 12px;
/*	overflow: auto;*/
}


#installer-container-outer input.radio, #tabview-container-outer input.radio {

	margin-bottom: 10px;

}
#installer-container-outer textarea {
	width: 260px;
	height: 100px;
}

#installer-container-outer textarea.floated_full {
	width: 420px;
	height: 100px;
	margin-bottom: 10px;
}


#installer-container-outer input.button, #tabview-container-outer input.button {
	margin: 15px 0 0 180px;
}


#installer-container-outer select, #admin-salesmen select, #tabview-container-outer select {
	margin-bottom: 5px;
	/*max-width: 180px;*/
}


ul.installer_tabnav {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 959px;
	margin-left: 20px;
	position: relative;
	border-left: 1px solid #CCC;
	color: #333;
	overflow: hidden;
}

ul.installer_tabnav li {
	float: left;
	border-top: 1px solid #CCC;
	border-right: 1px solid #EAEAE9;
	border-bottom: 1px solid #ccc;
	background-color: #FEC633;	
	display: inline;
}

ul.installer_tabnav li.active {
	background-color: #fff;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #fff;
}

ul.installer_tabnav li.last {
	border-right: 1px solid #CCC;
}

ul.installer_tabnav li.lastfill {
	border: 0px;
	background-color: #fff;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #fff;
	float: none;
	display: block;
	padding: 7px 10px 7px 10px;
}
	
ul.installer_tabnav a {
	color: #333;	
	padding: 7px 10px 7px 10px;
    display: block;	
}

ul.installer_tabnav li.active a {
	font-weight: bold;
}

ul.installer_tabnav a:hover {
	color: #333;	
	background-color: #ffcc99;
	text-decoration: none;

}
ul.installer_tabnav li.active a:hover {
	background-color: #ffffff;
}

.installer-top, .tabview-top {
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right: 30px;
	overflow: auto;
}

.installer-single {	
	margin: 0px 30px 30px 30px;
	overflow: auto;
}

.salesmen-single {
	margin: 0px 10px 20px 10px;
	padding-top: 10px;
	overflow: auto;
}

table#installers, table#postcode-assignments {
	border-collapse: collapse;
}

table#installers th, table#installers td, table#postcode-assignments th, table#postcode-assignments td {
	padding: 5px 13px;
}

table#installers th a {
	font-weight: bold;
}

span#inst-backlink, span#tabview-top-link {
	display: block;
	float: right;
}

span#inst-backlink a, span#tabview-top-link a { text-decoration: underline; }
span#inst-backlink a:hover, span#tabview-top-link a:hover, div#brochure-indicator a:hover { text-decoration: none; } 

p.errorb {
	color: red;
	font-weight: bold;
	background-color: #FAEBE4;
	padding: 10px;
	border: 1px dotted red;
	margin-bottom: 15px;
}

p.errorb a, p.errorb a:link {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

p.successb {
	color: green;
	font-weight: bold;
	background-color: #DCFCE4;
	padding: 10px;
	border: 1px dotted green;
	margin-bottom: 15px;
}

.installer-single-left {
	float: left;
	width: 465px;
}

.installer-single-right {
	float: right;
	width: 465px;
	text-align: center;
}


.errorbox {
	border: 1px solid red;
	background-color: #FAEBE4;
}

#postcode-assign input.button {
	margin: 0;
}


#postcode-assign form {
	margin: 0px 0px 15px 0px;
}

#postcode-assign {
	padding-top: 10px;
}

input#postcode-area {
	width: 80px;
	margin: 0px;

}

table#postcode-assignments td.pcheader {
	padding: 10px 13px;
}	

.pcdelconfirm {
	text-align: center;
	padding: 50px 200px;
}

.pcdelconfirm a {
	display: inline-block;
	margin-top: 15px;
	margin-right: 10px;
	background-color: #FEC633;
}

.pcdelconfirm a:hover {
	background-color: #ffcc99;
	text-decoration: none;
}

#postcode-assign p {
	margin-top: 0px;
}

/* Salesman Pages */

table#admin-salesmen-2 td, table#admin-salesmen-2 th, table#admin-salesmen-3 td, table#admin-salesmen-3 th {
	padding: 5px 13px;
}


table#admin-salesmen-2 td.abp, table#admin-salesmen-3 td.abp {
	text-align: center;
}

table#admin-salesmen-3 td.deleted {
	color: #e20820;
}

#abp_checkbox {
	margin: 0px;
}
	
table#admin-salesmen-2 td.tdinput {
	padding: 15px 0 0 0;
}	

#admin-salesmen  table#admin-salesmen-2 {
	border-collapse: collapse;
	width: auto;
	margin-top: 15px;
	max-width: 900px;

}

#admin-salesmen table#admin-salesmen-3 {
	border-collapse: collapse;
	width: auto;
	margin-left: 0px;
	max-width: 870px;

}

.salesmen-single-left {
	float: left;
	width: 450px;
}

.salesmen-single-right {
	float: right;
	width: 450px;
	text-align: center;
}


.last {
	margin-bottom: 0px;
}

.button-container {
	width: 265px;
	margin-left: 180px;
	overflow: hidden;
	margin-top: 15px;
}

.button-container3 {
	overflow: hidden;
	margin-top: 15px;
}

.button-container2 {
	width: 300px;
	overflow: hidden;
	margin-top: 5px;
}


#installer-container-outer .button-container .buttonl, #admin-salesmen .button-container .buttonl {
	float: left;
}

#installer-container-outer .button-container .buttonr, #admin-salesmen .button-container .buttonr {
	float: right;
}
/*Admin - Inst Managers */
table#inst-managers {
	border-collapse: collapse;
	width: 250px;
	margin-left: 0px;
	border: 2px solid #8d8d8d;
}
table#inst-managers th {
	background: none repeat scroll 0 0 #EAEAE9;
    border-bottom: 2px solid #8D8D8D;
}

/*Projects new page */
table#proj-table{
	width: 996px;
	background: #ffffff;
	border-collapse: collapse;
	border: 2px solid #8d8d8d;
	margin-top: 10px;
}
table#proj-table th a, table#proj-table th{
	font-weight: bold;
}
table#proj-table tr th, table#quotes tr th  {
	background: none repeat scroll 0 0 #EAEAE9;
    border-bottom: 2px solid #8D8D8D;
}
table#proj-table tr.vip-proj td {
	background-color: #FEC633;
}
table#proj-table tr td.proj-vip, table#proj-table tr td.proj-brand {
	text-align: center;
}
div.tasks-hover {
	position: absolute;
	padding: 10px;
	z-index: 99;
	background-color: #FFFF99;
	border: 2px solid #555555; 
	width: 400px;
}
div.proj-current-task, div.proj-priority-task {
    border-bottom: 1px dashed #555555;
    float: left;
    width: 400px;
}
div.proj-current-tt-text, div.proj-priority-tt-text {
    float: left;
    font-size: 11px;
    margin: 5px 0;
    width: 255px;
	font-weight: bold;
	/*border-bottom: 1px dashed #cbcbcb;*/
}
span.proj-current-task, span.proj-priority-task{
	background-color: #000000;
	color: white;
	display: block;
	float: left;
	width: 397px;
	margin: 5px 0 10px 0;
	padding: 3px 0 3px 3px;
	font-weight: bold;
}
img.vip-proj {
	height: 20px;
}
img.brand-icon-proj {
	height: 20px;
}
td.proj-icons {
	width: 66px;
	text-align: center;
}
img.proj-table-icon {
	height:20px;
	margin-right:2px;
}
div#project-container-outer {	
	top: 20px;
	border: 2px solid #8d8d8d;
	background: #ffffff;
	padding-top: 30px;
	margin-bottom: 20px;
	WIDTH: 100%;
	position: relative;
}
div#project-container-outer label {
    float: left;
    margin: 6px 0 9px 0;
    width: 180px;
	font-weight: bold;
}
div#project-container-outer input.textbox {
    float: left;
    margin-bottom: 5px;
    width: 260px;
}
div#project-container-outer input#payment-amount {
	width: 120px;
}
span#project-backlink {
	display: block;
	float: right;
}
span#project-backlink a {
	text-decoration: underline;
}
div#project-top{
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    overflow: auto;
}
div.project-header-info {
	float: left;
}
img.project-header-logo {
	margin-left: 50px;
}
ul.project_tabnav {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 959px;
	margin-left: 20px;
	position: relative;
	border-left: 1px solid #CCC;
	color: #333;
	overflow: hidden;
}
img.proj-icon{
    float: left;
    width: 20px;
	margin-right: 20px;
}
ul.project_tabnav li {
	float: left;
	border-top: 1px solid #CCC;
	border-right: 1px solid #EAEAE9;
	border-bottom: 1px solid #ccc;
	background-color: #FEC633;	
	display: inline;
}

ul.project_tabnav li.active {
	background-color: #fff;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #fff;
}

ul.project_tabnav li.last {
	border-right: 1px solid #CCC;
}

ul.project_tabnav li.lastfill {
	border: 0px;
	background-color: #fff;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #fff;
	float: none;
	display: block;
	padding: 7px 10px 7px 10px;
}
	
ul.project_tabnav a {
	color: #333;	
	padding: 7px 10px 7px 10px;
    display: block;	
}

ul.project_tabnav li.active a {
	font-weight: bold;
}

ul.project_tabnav a:hover {
	color: #333;	
	background-color: #ffcc99;
	text-decoration: none;

}
ul.project_tabnav li.active a:hover {
	background-color: #ffffff;
}
div#project-container-inner {
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0 20px 20px;
    overflow: hidden;
    padding: 10px 10px 20px;
}
span.projbreakhead {
	background-color: #A6A6A6;
	color: white;
	display: block;
	float: left;
	width: 447px;
	margin: 5px 0 10px 0;
	padding: 3px 0 3px 3px;
	font-weight: bold;
}
span.projbreakhead-wide {
    background-color: #A6A6A6;
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    margin: 5px 0 10px 0;
    padding: 3px 0 3px 3px;
    width: 925px;
}
div.expand {
	width: 20px;
	float: left;
}
span.special-action {
	cursor: pointer;
}
#installer-container-outer input.textbox, #tabview-container-outer input.textbox {
    float: left;
    margin-bottom: 5px;
    width: 260px;
}
div.proj-display-text {
	float: left;
    width: 260px;
	margin: 5px 0 8px 0;
	height: 15px;
	font-size: 12px;
}
div.proj-left {
	float: left;
}
div.proj-right {
	float: right;
}
div.split-tab-2 {
	width: 450px;
	margin-right: 10px;
}
a.edit-proj {
    color: blue;
}
a.split-tab-2, input.split-tab-2, a.split-tab-1, input.split-tab-1{
	float: left;
	margin-left: 190px;
	text-align: center;
}
div.proj-status-group {
	float: left;
	margin-bottom: 5px;
	padding: 0 5px 5px 5px;
	width: 100%;
}
div.current-group {
	/*background-color: #ffffc6;*/
	background-color: #dddddd;
	border: 1px solid #555555;
}
span.current-group  {
	background-color: #000000;
}
div.proj-task {
    border-bottom: 1px dashed #CBCBCB;
    float: left;
    width: 440px;
}
div.current-group div.proj-task {
	border-bottom: 1px dashed #222222;
}	
div.proj-task-head {
	float: left;
}
div.proj-task-prog-ind{
	float:left;
	margin: 7px 10px 10px 0;
	height: 11px;
	width: 11px;

}
div.on-sched {
	background-color: #36CC04;
}
div.warning {
	background-color: #FFC300;
}
div.overran {
	background-color: #FF0400;
}
div.proj-task-display-text {
    float: left;
    font-size: 12px;
    margin: 5px 0;
    width: 265px;
	font-weight: bold;
	/*border-bottom: 1px dashed #cbcbcb;*/
}
div.proj-task-complete {
    float: left;
    margin: 2px 0 2px 0;
	width: 120px;
}
img.task-completed {
    float: left;
    width: 20px;
	margin: 0 10px;
}
span.task-complete-date {
	margin-top: 3px;
	float: left;
}
span.expand-task {
    cursor: pointer;
    float: left;
    margin: 5px 20px 0 0;
}
div.task-details, div.priority-task-details {
	float: left;
    margin: 0 10px 10px;
    width: 425px;
}
div#project-container-outer label.task-label {
	float: left;
	width: 120px;
	margin: 0 0 10px 0;
}
span.task-reminder-date {
	float: left;
	width: 80px;
}
span.time-red {
	color: red;
}
a.task-update {
	float: left;
	color: blue;
	margin: 4px 0;
}
table#proj-docs, table#proj-comments, table#proj-payment-history, table#proj-appliances, table#proj-misc-reminders {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    margin: 10px 5px 0 5px;
    width: 920px;
}
table#proj-docs tr th, table#proj-comments tr th, table#proj-payment-history tr th, table#proj-appliances tr th, table#proj-misc-reminders tr th{
	background: none repeat scroll 0 0 #EAEAE9;
   /* border-bottom: 2px solid #8D8D8D;*/
}
option.home-pcode, select.home-pcode{
	background-color: #FFDF91;
}
option.not-home-pcode {
	background-color: #FFFFFF;
}
fieldset#proj-add-document {
	margin: 10px 0;
}
select#proj-doc-type {
	float: left;
}
div.date-entry {
    height: 15px;
    margin-bottom: 5px;
    width: 260px;
	float: left
}
input.date-day, input.date-month {
	float: left;
	width: 20px;
	margin-right: 5px;
}
input.date-year {
	float: left;
	width: 40px;
}
div.proj-spec-instruction {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
textarea#proj-comment-text, textarea#proj-reminder-text, textarea#payment-comments {
	float: left;
	width: 300px;
	margin-bottom: 5px;
}
textarea.comment-split2 {
	width: 250px;
	margin-bottom: 5px;
	float: left;
}
fieldset.comment-log {
	float:left;
	margin-left: 10px;
}
fieldset#proj-payment {
	margin: 10px 5px;
}
div#proj-payment-totals {
	float: left;
	margin: 10px 5px;
}
table#proj-misc-reminders tr th#reminder-date {
	width: 100px;
}
table#proj-misc-reminders tr th#actioned {
	width: 100px;
	text-align: center;
}
table#proj-misc-reminders tr td.actioned {
	text-align: center;
}
table#proj-misc-reminders tr.highlighted td {
	background: #F9F29D;
}
img.rem-actioned {
	width: 20px;
}
/* New Leads Page */

#tabview-container-outer div#tabview-tablearea table {
	width: 444px;
	margin-bottom: 25px;
	border-collapse: collapse;
}

#tabview-container-outer div#tabview-tablearea table.wide {
	width: 930px;
	margin-bottom: 25px;
	border-collapse: collapse;
}



#tabview-container-outer div#tabview-tablearea table td, #tabview-container-outer div#tabview-tablearea table th {
	padding: 5px 8px;
}


#tabview-container-outer div#tabview-tablearea table tr td.valigntd {
	vertical-align: top;
}

#tabview-container-outer div#tabview-tablearea table tr.headerrow td  {

}

#tabview-container-outer div#tabview-tablearea table tr.FAILURE td  {
	background-color: #ff7878;
}

#tabview-container-outer div#tabview-tablearea table tr.SUCCESS td {
	background-color: #A6FAA5;
}

#tabview-container-outer div#tabview-tablearea table td div {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow:ellipsis;
	width: inherit;
}


/*#tabview-container-outer div#tabview-tablearea textarea {
	width: 260px;
	height: 60px;
	margin-bottom: 5px;
}*/

#tabview-container-outer div#tabview-tablearea textarea.widest_comment, #tabview-container-outer div.tabview-single textarea.widest_comment {
	width: 923px;
	height: 50px;
	padding: 5px;
	margin-bottom: 20px;
}


#tabview-container-outer div.tabview-single textarea.full{
	width: 750px;
	height: 60px;
	margin-bottom: 5px;
	margin-top: 5px;
}
label.other-reason {
	font-style: italic;
}
textarea#canc-reason-other {
	width: 260px;
	margin-bottom: 5px;
}

#tabview-container-outer div#tabview-tablearea table th.num,
#tabview-container-outer div#tabview-tablearea table td.num   {
	width: 15px;
	text-align: center;
}



#tabview-container-outer div#tabview-tablearea table th.datesmall  {
	width: 70px;
}


#tabview-container-outer div#tabview-tablearea table th.datelong  {
	width: 150px;
}

#tabview-container-outer div#tabview-tablearea table th.status  {
	width: 100px;
}


#tabview-container-outer div#tabview-tablearea table th.name, #tabview-container-outer div#tabview-tablearea table td.name  {
	width: 130px;
}

#tabview-container-outer div#tabview-tablearea table th.inst {
	width: 180px;
}

#tabview-container-outer div#tabview-tablearea table td.edit  {
	padding: 0px;
	width: 70px;
	height: 100%;
	vertical-align: middle;
}

#tabview-container-outer div#tabview-tablearea table td.edit a, #tabview-container-outer div#tabview-tablearea table td.edit a:link {

	padding: 5px 0;
	overflow: hidden;
    	background-color: #FEC633;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
}


#tabview-container-outer div#tabview-tablearea table td.edit a:hover {
	background-color: #ffcc99;
	text-decoration: none;
}

p.lowmarg {
	margin-bottom: 10px;
}

#tabview-container-outer div#tabview-tablearea  #datetime, #tabview-container-outer .tabview-single {
}


#tabview-container-outer div#tabview-tablearea label.nomargin, #tabview-container-outer div.tabview-single label.nomargin, 
#installer-container-outer div.availability-wrapper label.nomargin, div#overlay-box-inner2 label.nomargin { 
	float: left;
	margin-top: 4px;
	width: auto;
	margin-right: 5px;
}

#tabview-container-outer div#tabview-tablearea label.floated, #tabview-container-outer div.tabview-single label.floated, 
#installer-container-outer div.availability-wrapper label.floated, div#overlay-box-inner2 label.floated  {
	margin-left: 5px;
}

#tabview-container-outer div#tabview-tablearea select.fixedwidth, #tabview-container-outer div.tabview-single select.fixedwidth, select.fixedwidth {
	width: 110px;
	margin-bottom: 5px;
}

#tabview-container-outer .tabview-single {
	padding-top: 10px;
	padding-bottom: 10px;
}

#tabview-container-outer .tabview-single-2 {
	padding-top: 0px;
}

.fleft {
	float: left;
	margin-right: 5px;
}

#tabview-container-outer label.tablelabel {
	margin-top: 0px;
	width: 140px;
	font-weight: bold;
}

option.CANC, select.CANC, option.PNMS, select.PNMS {
	background-color: #FF7878;
	color: #000;
}

option.HOLD, select.HOLD {
	background-color: #82e0ff;
	color: #000;
}

option.SOLD, select.SOLD {
	background-color: #a6faa5;
	color: #000;
}

option.DELD, select.DELD {
	color: red;
	background-color: #FFF;
}

option.TBBK, select.TBBK, option.BOOK, select.BOOK, option.REAP, select.REAP, option.PNOP, select.PNOP, option.DUPL, select.DUPL,
option.NSIT, select.NSIT {
	background-color: #FFF;
	color: #000;
}


a.cancel, a.cancel:link, a.padleft, a.padleft:link {  margin-left: 5px; }

.selectpad {	padding-top: 5px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e3e3e3 }
#tabview-container-outer div.tabview-single .selectpad select { margin-bottom: 10px; }

table#ld_status_checktbl { border-collapse: collapse; border-spacing: 0px; display: table; table-layout: fixed; width: 300px; }
table#ld_status_checktbl td { padding: 0px; border: 0px; }

table.checktable { border-collapse: collapse; border-spacing: 0px; display: table; table-layout: fixed; width: 300px; }
table.checktable td { padding: 0px; border: 0px; }


/* OVERVIEW NEW */
table.overview-stats {	border-collapse: collapse; width: 100%; }
table.overview-stats th, table.overview-stats td { padding: 9px 5px; vertical-align: top; border: 0px; }
table.overview-stats td.bold { font-weight: bold; }
table.overview-stats td.indent, table.overview-stats th.indent { padding: 9px 5px 9px 15px; }
table.overview-stats td.indent2, table.overview-stats th.indent2 { padding: 9px 5px 9px 30px; }
table.overview-stats td.num { font-size: 12px; }
table.overview-stats td.center, table.overview-stats th.center { text-align: center; }
table.overview-stats tr.today, table.overview-stats2 tr.today { border-bottom: 1px solid #E3E3E3; background-color: #EFEFEF; }
table.overview-stats tr.today2 { border-bottom: 1px solid #d1d1d1;background-color: #E3E3E3; }

table.overview-stats2 {	border-collapse: collapse; width: 100%; border: 2px solid #8D8D8D; }
table.overview-stats2 th, table.overview-stats2 td {   }
table.overview-stats2 th.border { border-bottom: 2px solid #8D8D8D; background-color: #EAEAE9; }

table.overview-stats2 td.num { font-size: 12px; }
table.overview-stats2 td.center, table.overview-stats2 th.center { text-align: center; }
table.overview-stats2 tr.today2 { background-color: #f9f9f9; }

table.overview-stats2 th.indent2 { padding: 5px 5px 5px 50px; }
table.overview-stats2 th.indent { padding: 5px 5px 5px 25px; }

/* AVAILABILITY */
div.availability-wrapper { padding-top: 10px; width: 938px; overflow-y: auto; overflow-x: hidden; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3; }
div.availability-wrapper2 { padding-top: 10px;  width: 938px; overflow-y: auto; overflow-x: hidden; }
div.availability-left { float: left; width: 450px; padding-right: 16px;  }
div.availability-right { float: right; width: 440px; border-left: 1px solid #e3e3e3; padding-left: 16px; }
span.availability-head, h3 { display: block; margin-bottom: 15px; 	padding: 3px 0 3px 3px; font-weight: bold; font-size: 11px; } 
#installer-container-outer div.availability-wrapper label.lowmargin, div#overlay-box-inner2 label.lowmargin { float: left; margin-top: 4px; width: 90px; margin-right: 10px; margin-bottom: 20px; }
div.availability-wrapper input.avmargin { margin-left: 100px; margin-top: 10px; }
div.availability-wrapper span.cinput, div#overlay-box-inner2 span.cinput { margin-bottom: 0px; }
#installer-container-outer div.availability-wrapper label.nomargin2, div#overlay-box-inner2 label.nomargin2 {	float: left; margin-top: 4px; width: auto; margin-right: 30px; }
#installer-container-outer div.availability-wrapper label.nomargin3, div#overlay-box-inner2 label.nomargin3 {	float: left; margin-top: 4px; width: auto; margin-right: 0px; }
span.avselection { display: block; float: left; margin-bottom: 14px; }
span.avselection .fleft { margin-right: 0px; }
#installer-container-outer div.availability-wrapper textarea, div#overlay-box-inner2 textarea { width: 300px; height: 40px; }
div#overlay-box-inner2 textarea#appointment_comments { margin: 7.5px 0 15px 0; } 


div.availability-wrapper2 table.availability-table { width: 929px; border-collapse: collapse; }
div.availability-wrapper2 table.availability-table tr.headerrow th { border: 0px; padding: 20px 10px 20px 10px; }
div.availability-wrapper2 table.availability-table th.noborder { border: 0px;  }
div.availability-wrapper2 table.availability-table td.date { text-align: center; padding: 5px; }
div.availability-wrapper2 table.availability-table td.day { font-weight: bold; }
div.availability-wrapper2 table.availability-table td.date, div.availability-wrapper2 table.availability-table td.day, div.availability-wrapper2 table.availability-table th.slot { background-color: #EAEAE9; }
div.availability-wrapper2 table.availability-table th.slot { text-align: center; }
div.availability-wrapper2 table.availability-table td.slot {  width: 230px; padding: 6px 10px; text-align: center; cursor: pointer; } 
div.availability-wrapper2 table.availability-table td.slot2 {  width: 690px; padding: 6px 10px; text-align: center; cursor: pointer; } 
div.availability-wrapper2 table.availability-table td a { display: inline-block;  width: 100%; height: 100%;  }
div.availability-wrapper2 table.availability-table td a:hover { text-decoration: none; }
div.availability-wrapper2 table.availability-table td.slot, div.availability-wrapper2 table.availability-table td.slot2, table.availability-stats td.available  { background-color: #bbfcba; } 

div.availability-wrapper2 table.availability-table td.UNAV, 
table.availability-stats td.navailable { background-color: #FF7878; } 

div.availability-wrapper2 table.availability-table td.AP, div.availability-wrapper2 table.availability-table td.APE, 
table.availability-stats td.navailableap { 
	background-color: #FF9; 
} 
div.availability-wrapper2 table.availability-table td.RA, div.availability-wrapper2 table.availability-table td.RAE {
	background-color: #c4b8f8; 
}
div.availability-wrapper2 table.availability-table td.CA { background-color: #76c9fc; }
table.availability-stats { width: 78%; border-collapse: collapse; }
table.availability-stats td.num { text-align: center; width: 30px; }
table.availability-stats th { font-weight: normal; }

div#overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	background-color: #5E575E;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


div.overlay-box-default {
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 100;
	top: 50%;
	left: 0%;
}

div.overlay-box-createap {
	/*height: 500px;*/
	margin-top: -250px;  /*margin-top is half of the height to put it in middle of screen*/
}

div.overlay-box-changeavsm {
	height: 310px;
	margin-top: -155px;
}

div.overlay-box-changeavinst {
	height: 300px;
	margin-top: -150px;
}

div.overlay-box-quickbook {
	height: 600px;
	margin-top: -250px;
}

div#overlay-box-inner2 {
    background-color: white;
    border: 2px solid black;
    height: 520px;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
    width: 1000px;
}

div#overlay-box-inner2-2  {
	background-color: white;
	border: 2px solid black;
	padding: 20px;
	text-align: center;
	width: 520px;	
	margin: 0 auto;
	height: 550px;
	text-align: left;
	overflow: auto;
}

#installer-container-outer select.calendarDateInput {
	margin: 0px 5px 0px 0px;
	padding: 1px 2px;
}

.inst_assignedsm {
	padding-top: 5px;
}

label.overlay_label {
	width: 130px;
	margin: 5px 15px 10px 0;
	float: left;
}

/* Appointment Screen Table Overview */

table.ap_table_wide { width: 100%; border: 2px solid #8D8D8D; border-collapse: collapse; }
table.ap_table_wide td { background-color: #fff; }
table.ap_table_wide tr.head_row { background-color: #E3E3E3; } 
table.ap_table_wide tr.head_row th {  text-align: center; border-bottom: 2px solid #8D8D8D; }
table.ap_table_wide tr.date_row td { background-color: #EFEFEF; }
table.ap_table_wide tr td.day_slot { text-align: center; }
table.ap_table_wide tr.date_row td.date { padding: 5px; width: 135px; }

/* NEW APPOINTMENT PAGE */
div.ap-additional-slot-text {
	width: 320px;
	float: left;
	margin: 5px 0;
}
#tabview-container-outer label.additional-slot-radio {
	width: 30px;
	margin: 5px 15px 10px 0;
	float: left;
}
#tabview-container-outer label.remove-slot-radio {
	width: 100px;
	margin: 5px 15px 10px 0;
	float: left;
}
div.book-app-column-left {
	border-right: 1px solid #E3E3E3;
    float: left;
    height: 460px;
    margin-right: 20px;
    padding-right: 20px;
    width: 470px;
}
div.book-app-column-right {
    float: left;
    width: 470px;
	height: 520px;
}

input.additional-slot-radio {
	float: left;
}
.appointment-single, .appointment-single-2 {	
	margin: 0px 30px 20px 30px;
	overflow: auto;
}
label.additional-slot-radio {
	width: 30px;
}
label.app-extra-info {
	margin: 3px 10px 10px 10px;
}
label.appointment_radio {
	float: left;
	margin: 3px 0 0 0;
}
select#appointment_booked_with, select#appointment_attending, select#ap_type {
	width: 100px;
	float: left;
}
div#rooms_container {
	float: left;
	margin-bottom: 5px;
}
select#appointment_rooms, select#appointment_b_rooms, select#appointment_clkrooms, select#appointment_ensuites {
	width: 30px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
input.new-app-radio {
	float: left;
}
label.appointment_work_required , label.appointment_room_type{
	margin: 2px 10px 0 0;
}
.appointment-single-2 {

	border-top: 1px solid #E3E3E3;
	padding-top: 20px;
}

.appointment-single-left {
	float: left;
	border-right: 1px solid #E3E3E3;
	width: 240px;
}

.appointment-single-left-inner {
	padding-right: 20px;
}

.appointment-single-right {
	float: right;
	width: 679px;
}

#appointment-outer h3, #overlay-box2 h3, #overlay-box h3, .overlay-box-default h3, .appointment-hover h3 {
	display: block; 
	margin: 0;
	padding: 0 0 20px 0; font-weight: bold; font-size: 11px; 
}

#appointment-outer h3.border {
	border-top: 1px solid #e3e3e3;
	padding-top: 20px;
	margin-top: 20px;
}

.ap-sm-availability { 
	padding: 10px;
	border: 2px solid #8D8D8D;
	background-color: #f2f2f2;
	margin-bottom: 30px;
}

.ap-sm-availability span.sm-name {
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
	float: left;
}

.ap-sm-availability span.sm-name span.sm-name-ca {
	color: green;
	font-weight: bold;
	background-color: #DCFCE4;
	border: 1px dotted green;
	padding: 4px;
	display: inline-block;
	margin-right: 5px;
}

.ap-sm-availability span.sm-name-right {
	float: right;
}

.ap-sm-header {
	padding-bottom: 10px;
}

.ap-sm-header-left {
	float: left;
}

.ap-sm-header-right {
	width: 490px;
	float: right;
	text-align: right;
}

.ap-sm-header-right-qb {
	width: 100%;	
	float: right;
	text-align: right;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #ccc;
}


table.sm-availability-table, table.sm-appointment-table {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #8D8D8D;
}

 table.sm-appointment-table { 
	margin-bottom: 40px;
}

table.sm-availability-table th {
	border-bottom: 2px solid #8D8D8D;
	background-color: #E3E3E3;
	text-align: center;
}

table.sm-availability-table th.tirtytree {
	width: 33%;
}

table.sm-availability-table tr.date td { 
	border-top: 2px solid #8D8D8D;
}

table.sm-availability-table tr.date td.today_date {
	background-color: #fff;
}

table.sm-availability-table tr.date td, table.sm-availability-table tr.slots td.slot-title {
	background-color: #f2f2f2;
	text-align: center;
	font-size: 11px;
}


table.sm-availability-table tr.slots td {
	font-size: 8px;
	text-align: center;
	height: 50px;
}

table.sm-availability-table tr.slots, table.ap-sm-key td.AV {
	background-color: #bbfcba;
}

table.sm-availability-table tr.slots td.UNAV, table.ap-sm-key td.UNAV { 
	background-color: #FF7878; 
}

table.sm-availability-table tr.slots td.AP, table.sm-availability-table tr.slots td.APE, table.ap-sm-key td.AP, table.ap-sm-key td.APE {
	background-color: #FF9; 
} 

table.sm-availability-table tr.slots td.RA, table.ap-sm-key td.RA, table.sm-availability-table tr.slots td.RAE, table.ap-sm-key td.RAE{
	background-color: #c4b8f8;
} 

table.sm-availability-table tr.slots td.CA, table.ap-sm-key td.CA {
	background-color: #76c9fc;
}

table.sm-availability-table tr.slots td.current {
	font-weight: bold;
	font-style: italic;
}

table.sm-availability-table tr.slots td.AV-dark { background-color: #a0cc9f; border: 1px solid #acacac; }
table.sm-availability-table tr.slots td.UNAV-dark { background-color: #ce7373; border: 1px solid #acacac; }
table.sm-availability-table tr.slots td.AP-dark, table.sm-availability-table tr.slots td.APE-dark { 
	background-color: #cece89; 
	color: #a69ea1; 
	border: 1px solid #acacac; 
}
table.sm-availability-table tr.slots td.RA-dark, table.sm-availability-table tr.slots td.RAE-dark  { 
	background-color: #a69ec9; 
	color: #a69ea1; 
	border: 1px solid #acacac;  
}
table.sm-availability-table tr.slots td.CA-dark { background-color: #72aacc; color: #a69ea1;  }
table.sm-availability-table tr.date td.dark { background-color: #c5c5c5; color: #a69ea1; }


table.ap-sm-key, table.ap-sm-key td {
	border: 0px;
}

table.ap-sm-key tr td {
	border-bottom: 5px solid #fff;
}

.appointment-single-left p {	
	margin-top: 0px;
}

table.sm-appointment-table th, table.sm-appointment-table td {
	border: 1px solid #acacac;
}
table.sm-availability-table a, table.sm-availability-table a:link, table.sm-availability-table a:hover,
table.sm-appointment-table a, table.sm-appointment-table a:link, table.sm-appointment-table a:hover {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none; 
}


table.sm-appointment-table th {
	border-right: 2px solid black;	
	width: 100px;
	padding: 10px 5px;
}

table.sm-appointment-table th span {
	display: block;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
}

table.sm-appointment-table th:last-child, table.sm-appointment-table td.small_slot:last-child, table.sm-appointment-table tr.sm td:last-child,
table.sm-appointment-table tr.sm-2 td:last-child {
	border-right: 0;
}

table.sm-appointment-table th {
	background-color: #E3E3E3;
	text-align: center;
}

table.sm-appointment-table th.cornertd, table.sm-appointment-table tr.single-head th.cornertd {
	background-color: transparent;
	/*border-right: 2px solid #8d8d8d;*/	
	border-bottom: 2px solid black;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	font-size: 14px;
	width: 200px;
}
table.sm-appointment-table td.small_slot {
	width: 20px;
	max-width: 30px;
	overflow: hidden;
	text-align: center;
	background-color: #E3E3E3;
}


table.sm-appointment-table td.end {
	border-right: 2px solid #ccc;
}

table.sm-appointment-table td.sm_name-2 {
	background-color: #e3e3e3;
	font-weight: bold;
	text-align: center;
}

table.sm-appointment-table td.sm_name {
		border-right: 2px solid black;
		padding: 7px 5px;	
		vertical-align: top;
}

table.sm-appointment-table tr.slots td, table.sm-appointment-table tr.slots td.small_slot  {
	/*border-bottom: 2px solid #8d8d8d;
	padding: 5px 5px;*/
}


table.sm-appointment-table td.small-slot-2 {
	border-right: 2px solid black;
	height: 110px;
}

table.sm-appointment-table tr.slots th.smhead {
	border-top: 2px solid #8d8d8d;
	border-right: 2px solid #8d8d8d;
}

table.sm-appointment-table tr.sm {
	background-color: #f9f9f9;
}

table.sm-appointment-table tr.sm-2 {
	background-color: #fff;
}

/*table.sm-appointment-table tr.sm td, table.sm-appointment-table tr.sm-2 td {
		border-top: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
}*/
table.sm-appointment-table  {
	border: 2px solid #000000;
}

table.sm-appointment-table tr.days td {
	border-bottom: 1px solid #ccc;
}

table.sm-appointment-table tr.slots, table.sm-appointment-table tr.days, table.sm-appointment-table tr.single-head th {
	background-color: #E3E3E3;
	text-align: center;
}

table.sm-appointment-table tr.slots td.dark, table.sm-appointment-table tr.sm-2 td.dark, table.sm-appointment-table th.dark,
table.sm-appointment-table tr.single-head th.dark {
	background-color: #C5C5C5;
	color: #A69EA1;
}

table.sm-appointment-table tr.sm td.dark, table.sm-appointment-table tr.sm-2 td.dark {
	background-color: #cecece;
	color: #A69EA1;
}
span.app-cust-name, span.app-time, img.book-app-brand-logo{
	padding-top: 5px;
}

label.popup-label {
	width: 130px;
	margin: 5px 10px 5px 0;
	float: left;
	
}

div.popup-display-text {
	width: auto;
	margin: 5px 10px 5px 0;
	font-size: 12px;
	float: left;
}

table.sm-appointment-table tr.sm-2 td.nopad {
	padding: 0;
	vertical-align: top;
}


table.sm-appointment-table tr.sm-2 td.nopad span.gen-slot {
	display: block;
	font-size: 9px;	
	height: 115px;
}

table.sm-appointment-table tr.sm-2 td.nopad span.slot-title {
	border-bottom: 2px solid #ccc;
	background-color: #e3e3e3;
	text-align: center;
	padding: 5px;
	display: block;	
}

table.sm-appointment-table tr.sm td.AV, table.sm-appointment-table tr.sm-2 td.AV, div.hover-AV,
table.sm-appointment-table tr.sm-2 td.nopad span.AV {
	background-color: #bbfcba;
}

table.sm-appointment-table tr.sm td.AVdark, table.sm-appointment-table tr.sm-2 td.AVdark,
table.sm-appointment-table tr.sm-2 td.nopad span.AVdark {
	background-color: #a0cc9f;
}

table.sm-appointment-table tr.sm td.UNAV, table.sm-appointment-table tr.sm-2 td.UNAV, div.hover-UNAV,
table.sm-appointment-table tr.sm-2 td.nopad span.UNAV {
	background-color: #FF7878; 
}

table.sm-appointment-table tr.sm td.UNAVdark, table.sm-appointment-table tr.sm-2 td.UNAVdark,
table.sm-appointment-table tr.sm-2 td.nopad span.UNAVdark {
	background-color: #ce7373;
}

table.sm-appointment-table tr.sm td.AP, table.sm-appointment-table tr.sm td.APE, table.sm-appointment-table tr.sm-2 td.AP, 
table.sm-appointment-table tr.sm-2 td.APE, div.hover-AP, div.hover-APE,
table.sm-appointment-table tr.sm-2 td.nopad span.AP, table.sm-appointment-table tr.sm-2 td.nopad span.APE {
	background-color: #FF9;
	padding: 0;
}

table.sm-appointment-table tr.sm td.APdark, table.sm-appointment-table tr.sm-2 td.APdark,
table.sm-appointment-table tr.sm-2 td.nopad span.APdark,
table.sm-appointment-table tr.sm td.APEdark, table.sm-appointment-table tr.sm-2 td.APEdark,
table.sm-appointment-table tr.sm-2 td.nopad span.APEdark {
	background-color: #cece89;
	padding: 0;
}

table.sm-appointment-table tr.sm td.RA, table.sm-appointment-table tr.sm-2 td.RA, div.hover-RA,
table.sm-appointment-table tr.sm-2 td.nopad span.RA,
table.sm-appointment-table tr.sm td.RAE, table.sm-appointment-table tr.sm-2 td.RAE, div.hover-RAE,
table.sm-appointment-table tr.sm-2 td.nopad span.RAE{
	background-color: #c4b8f8;
	padding: 0;
}

table.sm-appointment-table tr.sm td.RAdark, table.sm-appointment-table tr.sm-2 td.RAdark, 
table.sm-appointment-table tr.sm-2 td.nopad span.RAdark,
table.sm-appointment-table tr.sm td.RAEdark, table.sm-appointment-table tr.sm-2 td.RAEdark, 
table.sm-appointment-table tr.sm-2 td.nopad span.RAEdark {
	background-color: #a69ec9;
	padding: 0;
}

table.sm-appointment-table tr.sm td.CA, table.sm-appointment-table tr.sm-2 td.CA, div.hover-CA,
table.sm-appointment-table tr.sm-2 td.nopad span.CA {
	background-color: #76c9fc;
	padding: 0;
}

table.sm-appointment-table tr.sm td.CAdark, table.sm-appointment-table tr.sm-2 td.CAdark,
table.sm-appointment-table tr.sm-2 td.nopad span.CAdark {
	background-color: #72aacc;
	padding: 0;
}
table.sm-appointment-table td.slot3 {
	border-right: 2px solid black;
}
table.sm-appointment-table td.slot1 {
	border-left: 2px solid black;
}
table.sm-appointment-table td.black-bottom-border, table.sm-appointment-table th.black-bottom-border {
	border-bottom: 2px solid black;
}

span.a-block-pad {
	padding: 5px;
	display: block;
	font-size: 9px;
}

span.a-block-pad a {
		color: #333;
}
img.cal-view-logo {
	margin-top: 5px;
}

/* Appointments - make extra slots appear as one appointment .... tons of code for little return*/
table.sm-availability-table tr.slots td.APE, table.sm-availability-table tr.slots td.RAE,
table.sm-availability-table tr.slots td.APE-dark, table.sm-availability-table tr.slots td.RAE-dark {
	border-top: none;
	border-left: none;
}
table.sm-availability-table tr.slots td.has-extra-slot {
	border-bottom: none;
	border-right: none;
}
table.sm-appointment-table tr.sm td.APE, table.sm-appointment-table tr.sm-2 td.APE,
table.sm-appointment-table tr.sm td.APEdark, table.sm-appointment-table tr.sm-2 td.APEdark,
table.sm-appointment-table tr.sm td.RAE, table.sm-appointment-table tr.sm-2 td.RAE,
table.sm-appointment-table tr.sm td.RAEdark, table.sm-appointment-table tr.sm-2 td.RAEdark {
	border-top: none;
	border-left: none;
}
table.sm-appointment-table tr.sm td.has-extra-slot, table.sm-appointment-table tr.sm-2 td.has-extra-slot {
	border-bottom: none;
	border-right: none;
}

div#warningmsg {
	color: red;
	font-weight: bold;
	margin-bottom: 15px;
}
/* Resources Page */
div#resources-overlay-inner {
    background: none repeat scroll 0 0 white;
    border: 2px solid black;
    overflow: auto;
    text-align: left;
    width: 500px;
	margin: 0 auto;
}
div#resources-change-document {
	margin: 10px 20px;
}
div#current-doc-info {
	margin-bottom: 20px;
}
div#resources-container-top {
	margin: 10px;
	overflow: auto;
}
div#resources-container-content {
	margin: 0 10px 30px 10px;
	overflow: auto;
}
table#dc-documents-table {
	border-collapse: collapse;
}
table#dc-documents-table th {
	background-color: #E3E3E3;
}
table#dc-documents-table th#doc-categ {
	width: 200px;
}
table#dc-documents-table th#doc-name {
	width: 400px;
}
table#dc-documents-table th#doc-date {
	width: 200px;
}
table#dc-documents-table th#upload-new {
	width: 100px;
}
label.resources {
	float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 4px 0;
    width: 140px;
}
div.resource-tab-top {
    margin-left: 30px;
    margin-right: 30px;
    overflow: auto;
}
select#resources-doc-cat, input#resources-doc-upload, input#resources-doc-desc {
	float: left;
	width: 150px;
}
span.rescbreakhead {
	background-color: #A6A6A6;
	color: white;
	display: block;
	overflow: auto;
	margin: 5px 0 10px 0;
	padding: 3px 0 3px 3px;
	font-weight: bold;
}
div#resources-upload {
	overflow: auto;
	padding: 0 10px;
}
/*Task Tooltips*/
div#task-tooltip-container{
	position: absolute;
	padding: 10px;
	z-index: 99;
	background-color: #FFFF99;
	border: 2px solid #555555;
	width: 300px;
}
div.task-instr-hover {
	width: 14px;
	height: 15px;
	margin-right: 3px;
	float: left;
}
img.icon-info {
	width: 14px;
}
span.proj-task-name {
	width: 265px;
	line-height: 15px;
	float: left;
}
a.tooltip-question-mark{
	color: blue;
}
a.tooltip-question-mark:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #555555;
}
span#task-instructions-title {
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
div#task-instructions {
    font-size: 12px;
    line-height: 15px;
    margin: 2px 0;
}
/*Calendar View Tooltips*/
div#appointment-tooltip-container {
	position: absolute;
	
}
div.appointment-hover {
	padding: 10px;
	z-index: 1000;
	border: 2px solid #555;
	width: auto;
	float: left;
}