/**
 * Fluid width
 * Full hieght
 */

/* Global Whitespace Reset */
* {padding:0;margin:0;}
h1, h2, h3, p { padding: 15px 1em 5px 1em}
a, a:visited {text-decoration: underline;color: blue;}
li a, li a:visited { text-decoration:none }
img {border: 0px;}



h2 {
  font-size: large;
  font-weight: bolder;
/*  
  background: #605C5A;
  color: white;
*/
/* Version 2 */  
  color: black;
  background: #ced4dd;
  padding: 5px;
  margin-left:1px;
}

/*
 * --- Page Layout Selectors
 */
html, body {
  height: 98%;
}

body {
  font-family: Arial, sans-serif;
  margin: 0 4px;
  font-size: small;
}

#working {
  width: 150px;
  height: 42px;
  position: fixed;
  top: 0;
  right: 0;
  text-indent: 999px;
  background: url("/images/css_images/layout/working_blue.png");
  z-index: 999;
}

#header {
  /*float: left;*/
  width: 100%;
  font-size: 93%;
  line-height: normal;
  text-align: center;
}

#irWindoware {
  background:url("/images/css_images/layout/logo_blue.png") no-repeat scroll 50% 0 transparent;
  height:100px;
  margin-bottom:3px;
  margin-left:11px;
  margin-right:11px;
  padding:0 0 7px;
  text-indent:-9999px; 
}

#logo_left{
background:url("/images/css_images/layout/logo_left_blue.png") repeat-x scroll 0 0 transparent;
height:100px;
left:5px;
position:absolute;
right:1000px;
top:1px;
width:10px;
z-index:-1;
}

#logo_right{
background:url("/images/css_images/layout/logo_right_blue.png") repeat-x scroll 0 0 transparent;
height:100px;
width:10px;
position:absolute;
right:5px;
top:1px;
z-index:-1;
}


#search {
  float: right;
  background: url('/images/css_images/searchbox-grad.gif') no-repeat;
}

.menu_filler {
  background: url("/images/css_images/layout/tab_filler_blue.png");
  height: 32px;
  width: 150px;
  display: inline-block;
  text-align: center;
}

div.menu_filler a{
text-decoration:none;
}

#primaryMenu {
  list-style: none;
  background-image: url("/images/css_images/layout/tab_filler_blue.png");
  height: 32px;
  position: absolute;
  left: 6px;
  right: 6px;
}

#primaryMenu_anchored {
top: 0px;
  position: fixed;
}
/*
#primaryMenu li {
  float: left;
  background: url("/images/css_images/layout/tab_inactive_blue.png");
  width: 112px;
  height: 33px;
}
*/

#primaryMenu li {
  background:url("/images/css_images/layout/tab_filler_blue.png") repeat scroll 0 0 transparent;
  border-right:1px solid #DDDDDD;
  border-bottom:1px solid #FFF;
  float:left;
  height:32px;
  width:12.3%;
}


#primaryMenu a, #menu_tabs a {
  display: block;
  color: white;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
/*  margin: 10px 5px 0;*/
/* Version 2 */
  font-size: 120%;
  margin: 3px 5px 0;
  text-shadow:0.2em 0.2em 0.2em #000000;
}

#primaryMenu .selected {
  background-image: url("/images/css_images/layout/tab_active_filler_blue_40.png");
/*  border-bottom:1px solid #2b3548;*/
height:36px;
margin-top:-4px;
}

#primaryMenu .selected  a{
margin-top:4px;
}



#mainBody {
/*
  bottom:36px;
*/  
  clear:both;
  margin:0 2px;
  padding:0px;
  position:absolute;
  top:144px;
  left: 4px;
  right: 4px;
}

#secondaryMenu {
/*  height: 100%;*/
/* redundant
  float: left;
  overflow-y: auto;
  color: white;
*/  
  min-height: 100%;
  width: 16.2%;  
  background: #CED4DD;
  position: absolute;  
}

#secondaryMenu ul {
  list-style: none;
  padding: 3px;
}

#secondaryMenu li {
  padding: 3px;
  color: #000;
  margin-bottom: 0.8em;
}

#secondaryMenu a {
  color: black;
  font-weight: bold;
  text-shadow:0.1em 0.1em 0.1em #FFFFFF;
}

#secondaryMenu .selected {
  border: 2px gray outset;
  background:none repeat scroll 0 0 #93a6bd;  
}

#secondaryMenu li.selected a{
  color: #FFF;
text-shadow:0.1em 0.1em 0.1em #000;

}

#secondaryMenu li.tertiary {
  padding: 2px;
  margin: 0;
  padding-left: 1.75em;
}

div.menu_heading {
border-bottom:1px solid #AAAAAA;
border-top:1px solid #EEEEEE;
font-weight:bold;
margin-bottom:-3px;
padding-bottom:4px;
padding-left:5px;
padding-top:4px; 
color: White;
text-shadow:0.1em 0.1em 0.1em #000000;
font-size:112%;
}

#pageHTML {
  background: white;
  height: 100%;  
/*  
  margin-top: 0px;  
  overflow-y: auto;
  overflow-x: auto;
*/  
/*iPad*/
overflow: visible;
margin: 0px 0px 0px 16.2%;
padding-left: 2px;
}
#pageHTML_orders {
  background: white;
  height: 100%;  
  overflow: visible;
  margin: 0px 0px 0px 0px;
}

#innerContent {
  margin: 0.5em;
}

#userInfoBox {
  font-size: small;
  text-align: left;
  padding: 0.5em;
  margin:10px 4px 2px 2px;
  background: #fafafa;
  left: 2px;
  /*
  position: absolute;  
  float: left;  
  border: 2px ridge black;  
*/
  float: right;
  border: 1px solid #D8D8D8;
}

#userInfoBox * {
  padding: 0;
  margin: 0;
}

#userInfoBox th {
  padding-right: 3px;
}

#userInfoBox select {
  padding: 0px;
  min-width: 0px;
}

#ie-warn {
  float: right;
  width: 20%;
}

/*GB Only*/
#footer {
  color:#C7BAAA;
  font-size:small;
  margin:auto;
  padding:3px 0 0;
  text-align:center;
  background:url("/images/css_images/layout/tab_active_filler_blue.png") repeat scroll 0 0 transparent;
  height:32px;
  left:4px;
  margin:0 2px;
  padding:3px;
  right:4px;  
  height: 26px;
/*
  bottom:4px;
  position:absolute;  
*/  
 /*iPad*/
    bottom: 0;
    position: fixed; 
}
#sec_menu_footer {
	bottom : 3px;
    position: fixed; 
}

#footer p {
  margin: 0;
  padding-top: 3px;
}

#footer a {
  color: #FFF;
  font-weight: bold;
}

#popupBg {
  position: fixed;
  position: expression("absolute"); /* Cursor disappearance hack for FF */
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1000;
  background-image: url("/images/css_images/layout/overlay.png");
}

#popupContent {
  margin: 5% auto 0;
  background: #fff;
  border: 2px outset #000;
  padding: 15px;
  text-align: left;
  width: 75%;
  height: 75%;
  overflow-y: scroll;
  overflow-x: hidden;
}

#popupLoading {
  margin: 1em auto;
  background: #fff url("/images/css_images/icons/loading.gif") no-repeat 2px 50%;
  padding: 1em 20px;
  text-align: left;
  width: 15%;
}


/**
 * --- Generic classes
 */

.number {
  text-align: right !important;
}

.mandatory {
  background-color: #FFFFC1;
}
.mandatoryQ div{
  border: 1px solid Yellow;
}

.mandatory.dynamic {
  background-color: #ffffd6;
}

.note {
  font-style: italic;
}

.inlineAttn {
  -moz-box-shadow:3px 3px 4px #888888;
  background-position:15px 50%;
  background-repeat:no-repeat;
  border:2px solid;
  margin:1em 0.5em;
  padding:5px 20px 5px 45px;
  text-align:left;
}

.inlineAttn p {
  padding: 0;
}

.error {
  background-color: #FFDDDD; 
  background-image: url(/images/css_images/icons/error.png);
  border-color: red;
}

.error li {
  margin-left: 4em;
}

.alert {
  background-color: rgb(206,198,193);
  background-image: url(/images/css_images/icons/exclamation.png);
  border-color: rgb(154,148,145);
}

.info,  .info_important{
  background-color: rgb(206,198,193); 
  background-image: url(/images/css_images/icons/information.png);
  border-color: rgb(154,148,145);
}

.info_important {
  color: red;
  font-weight: bold;
}

.zoomable {
  cursor: url("/images/css_images/icons/magnify.cur"), pointer;
}

.highlight {
  background-color: #FF0;
}

td.special_price {
  font-weight: bold;
}

/**
 * --- Form look & feel
 */

input[type="text"], input[type="password"], select, textarea {
  margin: 3px;
  min-width: 11em;
  vertical-align: middle;
}

input[type="text"], option {
  padding: 0 2px;
}

input.button {
  padding: 2px;
  cursor: pointer;
  background-color: #B7ADA7;
  border-color: #B7ADA7;
  min-width: 0px;
  color: white;
  font-weight: bold;
}

input.qty {
  min-width: 0;
  width: 2.5em;
}

input.rrp {
  min-width: 0;
  width: 4.5em;
}

input.email {
  min-width: 20em;
}

.has-hint {
  color: gray;
}

.field-warn {
  border: 1px solid #F80;
  background: #FFEEDD;
}

.field-error {
  border: 1px solid red;
  background: #FFDDDD;
}

textarea {
  font-family: Arial, sans-serif;
  font-size: inherit;
}

.date_picker {
  width: 5em;
}

.readonly {
  border: none;
  color: gray;
  background-color: transparent;
}

.dynamic {
/*  background-image: url(/images/css_images/icons/calculator.png);
  background-repeat: no-repeat;
  padding-left: 18px !important;*/
}

/* Viewmaster effect */
.viewmaster {
  height: 200px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 90%;  
}

.slide {
  width: 10000px;
}

/**
 * --- Table styling
 */

table {
  padding: 5px 0 15px 1em;
  border-spacing: 0;
  border-collapse:collapse;
  margin: .5em;
}

table.full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

table.shrink input, table.shrink select {
  min-width: 0;
}

table.shrink td {
 padding: 0;
}

th {
  padding: 5px 0.75em;
  text-align: left;
}

th.header-row {
/*
  background: rgb(206,198,193);
*/
  background: #ced4dd;  
  text-align: left;
}

th.header-col {
  vertical-align: top;
  text-align: left;
}

th.header-col div {
/*
  background-color: rgb(206,198,193);
*/
/* Version 2 */  
  background-color: #ced4dd;
  padding: 2px;
  width: 100%;
}

tr.subheading-row {
  background: #605C5A;
  color: white;
  font-weight: bold;
}

tr.even{
background-color: #ecece6;
}

td.hover {
  background-color: rgb(206,198,193);
  cursor: pointer;
}

td {
/*  padding: 3px 0.75em;*/
  padding: 3px 0.55em;
  vertical-align: top;
}

td.wrap-no,
th.wrap-no{
white-space: nowrap;
}

td.number {
  padding-right: .75em;
}

#tran_list tr {
border-bottom: 1px solid #DDDDDD;
}

td.itemRRP {
  width: 7em;
}

td h3 {
  padding-left: 0;
}

tr.totRow td {
  border: 1px black;
  border-style: solid none;
}

/*Multi-Select*/
ul.expand { padding:7px; margin:0; list-style:none; border:1px solid #DDDDDD;}

ul.expand li { padding:0; margin:0; }
ul.expand li.trigger.top { margin-top:0; }
ul.expand li.trigger{
	background:url('../images/css_images/buttons/expand-collapse.gif') 0 3px no-repeat;
	cursor:pointer;
	padding:0 0 0 20px;
	margin:7px 0 0 0;
}
ul.expand li.trigger h4 { color:#666; }
ul.expand li.trigger.open h4 { color:inherit; }
ul.expand li.trigger.open {	background-position:0 -997px; }
ul.expand ul{
	list-style:disc inside;
	line-height:18px;
	padding:4px 0 6px 20px;
}
 ul.expand li.selection {cursor:pointer;}
 
 a.multi_level_select {
border:1px solid #DDDDDD;
color:Blue;
font-weight:bold;
line-height:33px;
padding:10px 5px 8px;
text-decoration:none;
 }
 a.multi_level_select:hover{
background: #eeeeee; 
}

/**
 * --- Other Fabrics
 */
 input.fab-col-code{
  width: 6em;
}
 input.fab-col-desc{
  min-width: 13em;
}

#retail_input,
#margin_input{
  margin:0;
  min-width:5em;
  padding:0;
  width:5em;
}
#tot{
  padding-left:0px;
}

td.line_totals {
  border-top: 1px solid #000;
  font-weight:bold;
}

div.colours{
  border:1px solid #AAAAAA;
  width: 415px;
  padding-bottom:5px;
}

#colours table{
margin-top: 13px;
}

#colours th,
#colours td {
  padding:0px;
}
#colours input[type="checkbox"]{
  margin-top: 5px;
}

#addColour {
margin-left:9px;
margin-top:-4px;
}


/**
 * --- Image Replace coode
 */
 
.ir {
  background: no-repeat 0 0;
  display: block;
  height/**/:/**/ 0 !important;
  overflow: hidden;
  float: left;
  margin: 2px;
}


.ir.cart-add {


  padding-top: 32px;
  background-image: url("/images/css_images/icons/cart-add.png");
  height: 26px;
  width: 36px;  
/*  
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cart-add-2.png");  
  height: 16px;
  width: 16px;    
*/
}
a.expand-window img,
a.collapse-window img{
  margin-left:5px;
}

.ir.cart-unstocked {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/cart-unstocked.png");
  height: 32px;
  width: 32px;
}

.ir.more-info {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/more_info.png");
  height: 32px;
  width: 32px;
}

.ir.cust-order {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/cust_order.png");
  height: 32px;
  width: 32px;
}

.ir.view {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/look.png");
  height: 16px;
  width: 16px;
}

.ir.re-exp-prop-orders {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/home--arrow.png");
  height: 16px;
  width: 16px;
}

.ir.re-exp-prop {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/home--plus.png");
  height: 16px;
  width: 16px;
}

.ir.xml {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/xml.png");
  height: 16px;
  width: 16px;
}




.ir.google {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/geotag_16.png");
  height: 16px;
  width: 16px;
}

.ir.google_button {
  padding-top: 30px;
  background-image: url("/images/css_images/buttons/map.png");
  height: 30px;
  width: 86px;
  margin:0px;
}

.ir.google.dis {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/geotag_16_dis.png");
  height: 16px;
  width: 16px;
}

.ir.edit,
.ir.edit_inst, 
.ir.edit_roll{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/edit.png");
  height: 16px;
  width: 16px;
}



.ir.edit.dis,
.ir.edit_inst.dis, 
.ir.edit_roll.dis{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/edit_dis.png");
  height: 16px;
  width: 16px;
}

.ir.edit2 {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/pencil-small.png");
  height: 16px;
  width: 16px;
  float:none;
}

.ir.delete2 {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cross-small.png");
  height: 16px;
  width: 16px;
  float:none;
}

.ir.select {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/use_template.png");
  height: 16px;
  width: 16px;
}

.ir.editField {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/use_template.png");
  height: 16px;
  width: 16px;    
}

.ir.delete, 
.ir.delete_roll,
.ir.delete_op,
.ir.delete_new,
.ir.delete_reason{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cross-script.png");
  height: 16px;
  width: 16px;
}

.ir.delete.dis, 
.ir.delete_roll.dis,
.ir.delete_op.dis,
.ir.delete_new.dis,
.ir.delete_reason.dis {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/cross-script-dis.png");
  height: 16px;
  width: 16px;
}

.ir.loading {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/loading.gif");
  height: 16px;
  width: 16px;
}

.ir.export {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/navigation-270-button.png");
  height: 16px;
  width: 16px;
}

.ir.import {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/navigation-090-button.png");
  height: 16px;
  width: 16px;
}

.ir.close {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/delete.png");
  height: 16px;
  width: 16px;
  float: right;
}

/* From studio.css */
.popup .ir.close {
background-image:url("../images/css_images/icons/delete.png");
float:right;
height:16px;
padding-top:16px;
width:16px;
}

.ir.copy {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/page_copy.png");
  height: 16px;
  width: 16px;
}


.ir.copy.dis {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/page_copy_dis.png");
  height: 16px;
  width: 16px;
}

.ir.find {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/find.png");
  height: 16px;
  width: 16px;
}

.view_big {
  background: url("/images/css_images/icons/view_big.png") no-repeat;
  height: 32px;
  padding-left: 43px;
  display: block;
}

.userLogin {
  outline: none;
  background-image: url("/images/css_images/buttons/login.png");
  height: 26px;
  width: 55px;
  text-indent: -9999px;
  padding: 0;
  /* display: block;*/
  display: inline-block;
}

.userLogout {
  outline: none;
  background-image: url("/images/css_images/buttons/logout_blue.png");
  height: 26px;
  width: 61px;
  text-indent: -9999px;
  padding: 0;
  /* display: block;*/
  display: inline-block;
}

.ir.changeTrack {
  padding-top: 32px;
  background-image: url("/images/css_images/icons/change_track.png");
  height: 32px;
  width: 44px;
  float: right;
}

.ir.adobe {
  padding-top: 33px;
  background-image: url("http://www.adobe.com/images/shared/download_buttons/get_adobe_reader.gif");
  height: 33px;
  width: 112px;
  float: right;
}

.ir.doc_margin {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document-m.png");
  height: 16px;
  width: 16px;
}

.ir.doc_proposal {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document-p.png");
  height: 16px;
  width: 16px;
}

.ir.doc_details {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document-d.png");
  height: 16px;
  width: 16px;
}

.ir.doc_fitting {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document-f.png");
  height: 16px;
  width: 16px;
}

.ir.doc_otherfab {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document-o.png");
  height: 16px;
  width: 16px;
}

.ir.doc_workroom {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/document-w.png");
  height: 16px;
  width: 16px;
}

.ir.xml_export{
  padding-top: 16px;
  background-image: url("/images/css_images/icons/navigation-000-white.png");
  height: 16px;
  width: 16px;
}

.ir.info {
  padding-top: 16px;
  background-image: url("/images/css_images/icons/information.png");
  height: 16px;
  width: 16px;
}

.ir.question_red {
  padding-top: 16px;
  background-image: url("../images/css_images/icons/question-octagon-red.png");
  height: 16px;
  width: 16px;
}

.ir.search {
  padding-top: 16px;
  background-image: url("../images/css_images/icons/search-field.png");
  height: 16px;
  width: 16px;
}

.ir.edit_se_button {
  padding-top: 26px;
  background-image: url("../images/css_images/buttons/sales_manager.png");
  height: 26px;
  width: 96px;
}

.rollstock{
  padding-top: 16px;
  background-image: url("../images/css_images/icons/plus-grey.png");
  height: 16px;
  width: 16px;
}
.rollstock-setup{
  background-image: url("/images/css_images/icons/tick.png");
  padding-top: 16px;
  height: 16px;
  width: 16px;
}
.rollstock-minus{
  background-image: url("/images/css_images/icons/minus.png");
  padding-top: 16px;
  height: 16px;
  width: 16px;
}

a.dis {
  cursor: default;
}

a.invisible {
display:none;
}

a.pdf {
  padding-left: 20px;
  background-image: url("/images/css_images/icons/pdf-16.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

/**
 * --- Button styling code
 */

.button.full {
  height: 26px;
  border: none;
  /*text-indent: -9999px;*/
  background-repeat: no-repeat;
  background-position: 0 0;
}

.button.cancel {
  background-image: url("/images/css_images/buttons/cancel.png");
  width: 96px;
}


.button.order-add {
  padding-top: 48px;
  background-image: url("/images/css_images/icons/order_add_green.png");
  height: 48px;
  width: 68px;
}

.button.addRoom.full {
  background-image: url("/images/css_images/buttons/add_room.png");
  width: 96px;
}

.button.inst_standard.full {
  background-image: url("/images/css_images/buttons/installation.png");
  width: 96px;
}

.button.inst_highlight.full {
  background-image: url("/images/css_images/buttons/installation_highlight.png");
  width: 96px;
}

.button.re_cost.full {
  background-image: url("/images/css_images/buttons/re_cost.png");
  width: 96px;
}

.button.fab_swap.full {
  background-image: url("/images/css_images/buttons/swap-fabric.png");
  width: 96px;
}

.button.fab_swap_save.full,
.button.fab_swap_update.full {
  background-image: url("/images/css_images/buttons/Update Button.png");
  width: 75px;
}

.button.open_discounter.full {
  background-image: url("/images/css_images/buttons/discounter.png");
  width: 96px;
}

.button.addBlind.full {
  background-image: url("/images/css_images/buttons/add_blind.png");
  width: 86px;
}

.button.finishRoom.full {
  background-image: url("/images/css_images/buttons/finish_room.png");
  width: 114px;
}

.button.placeOrder.full {
  background-image: url("/images/css_images/buttons/place_order.png");
  width: 135px;
}

.button.next.full {
  background-image: url("/images/css_images/buttons/next.png");
  width: 72px;
}

.button.back.full {
  background-image: url("/images/css_images/buttons/back.png");
  width: 70px;
}

.back-to-prop {
  background-image: url("/images/css_images/buttons/back-to-proposal.png");
  width: 132px;
}

.button.mini {
  padding-top: 16px;
  background-color: transparent;
  height: 16px;
  width: 16px;
  border: none;
  background-position: 0 0;
}

.button.save {
  background-image: url("/images/css_images/buttons/save.png");
  width: 61px;
}

.button.save2 {
  background-image: url("/images/css_images/buttons/save2.png");
  width: 96px;
}

.button.addOrder {
  background-image: url("/images/css_images/buttons/add_order.png");
  width: 116px;
}

.button.find {
  padding-left: 20px;
  background-image: url("/images/css_images/buttons/find.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.button.print {
  background-image: url("/images/css_images/buttons/print.png");
  width: 60px;
}

.button.printPrinter {
  background-image: url("/images/css_images/buttons/printPrinter.png");
  width: 116px;
}

.button.printScreen {
  background-image: url("/images/css_images/buttons/printScreen.png");
  width: 114px
}

.button.delete {
  padding-left: 20px;
  background-image: url("/images/css_images/buttons/cross-script.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.button.pdf {
  padding-left: 20px;
  background-image: url("/images/css_images/buttons/pdf-16.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.button.edit {
  background-image: url("/images/css_images/buttons/edit.png");
  width: 58px;
}

.button.details.full {
  background-image: url("/images/css_images/buttons/Details Report.png");
  width: 61px;
  height: 28px;
  padding: 0px;
}

.add_validate{
  background-image: url("/images/css_images/buttons/address_validate.png");
  width: 86px;
  height: 30px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

.add_validate_now{
  background-image: url("/images/css_images/buttons/address_validate_now.png");
  width: 86px;
  height: 30px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

.button.proposal.full {
  background-image: url("/images/css_images/buttons/proposal.png");
  width: 96px;
}
.button.view.full {
  background-image: url("/images/css_images/buttons/view.png");
  width: 96px;
}

.button.create-order {
  background-image: url("/images/css_images/buttons/create-order.png");
  width: 96px;
}


/*
 * Product tree
 */ 

#product-cats {
  margin-left: 1em;
}

#product-cats li {
  padding-left: 1px;
  margin-left: 1em;
}

#product-cats ul {
  list-style: none;
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#product-cats a {
  padding: 2px;
  margin: 2px;
  text-decoration: none;
  color: black;
}

#product-cats a:hover {
  text-decoration: underline;
}

li.trunk {
  list-style-image: url("/images/css_images/layout/bullet.png");
}

li.branch {
  list-style-image: url("/images/css_images/layout/bullet_toggle_plus.png");
}

li.branch.minus {
  list-style-image: url("/images/css_images/layout/bullet_toggle_minus.png");
}

li.leaf {
  list-style-image: url("/images/css_images/layout/pane.png");
}

li.trunk span {
  font-weight: bold;
  letter-spacing: 0.1em;
}

/**
 * Specific contexts
 */

tr.line-item td {
  vertical-align: middle;
  border-top: 1px solid #F4F4F4;
}

tr.line-item.prop {
  color: gray;

}
tr.line-item.line-info td{
  border-top: none;  
  padding-top: 2px;
  padding-bottom: 2px;  
}  

tr.mb-warn td {
background-color: #fd4239;
color: #FFFF00;
}

tr.mb-warn {
    border: 1px solid #FF0000;
    font-size: 110%;
    font-weight: bold;
}


/*
tr.line-item input {
  font-size: smaller;
}*/

tr.line-info td {
  font-size: 12px;
  vertical-align: top;
  padding-left: 3em;

}

tr.fabric_colours td{
padding-bottom:0px;
padding-top:0px;
vertical-align:middle;
}


tr.freight {
  font-size: smaller;
}

img.butting, img.bend {
  cursor: pointer;
  float: left;
}

#productFinder, .fabric_finder {
  background-color: #EEE;
  border: 2px outset #AAA;
}

.fabric_finder input[type="text"] {
    min-width: 100px;
    width: 100px;
}

#totals, #totals_order {
  background: #EEE;
  margin-left: auto;
  margin-right:81px;
  margin-top:-6px;

}
/*
td {border:1px solid #ddd;}
*/

#line-items td.line-items-accept-cell,
#line-items th.line-items-accept-cell {
padding-left: 0px;
padding-right: 0px;
width: 30px;
text-align:center;
}
#totals_order {
  margin-top:0px;
}

#totals_rp {
  margin-right: 0;
  margin-left: auto;
}

#orderSubmit {
  margin-right: 0;
/*  margin-left: auto;  */
/* AJP */
  margin-right:81px;
  text-align: right;  
}

img.product-main {
  float: right;
  margin: 3px;
}

img.product-gallery {
  float: right;
  border: 1px solid black;
  margin: 3px;
}

#product-cats img {
  border: 1px solid;
}

p.img-caption {
  font-size: small;
  float: right;
  clear: both;
}

/* Pagination links */
#pages {
  text-align: center;
}

/* SVG Canvas */
.svgCanvas {
  width: 180px;
  height: 150px;
  position: relative;
  border: 2px black dotted;
  background: #EEE;
}

#messages ul {
  padding-left: 1em;
}

#contactInfo {
  float: right;
  border: 1px solid gray;
  margin: 5px;
  background: #EEE;
  font-size: small;
}

#contactInfo .readonly {
  color: black;
  font-family: inherit;
}

#contactInfo td, #contactInfo th {
  padding-top: 0;
  padding-bottom: 0;
}

#contactInfo input {
  margin: 0;
}

#contract option{
	background-color: #FFFFFF;	
}	
#contract{
border: 1px solid Red;
}
#contract.has_value {
	background-color: #FFC0C0;	
}

input.item-code {
  float: left;
}

#brochures, #catalogues {
  float: right;
  width: 50%;
}

.brochure, .catalogue {
  border: 1px black solid;
  margin: 0.5em;
}

.brochure img, .catalogue img {
  float: right;
  padding: 5px;
}

.getAdobe {
  margin-top: 2em;
  color: #aaa;  
}

#proposal {
  background-color: #EEE;
  border: 2px outset #AAA;
  float: left;
  margin: -4px 1em 1em 1em;
  clear:both;
/*  
  margin: 1em;
*/  
}

#ops_table{
padding:2px 5px;
margin:0px;
background-color: #EEEEEE;
border: 2px outset #AAAAAA;
}
#ops_table select{
width:20em;
}

#ops_table h4{
	display:inline;
    background: none repeat scroll 0 0 #605C5A;
    color: white;
    font-size: small;
    font-weight: bold;
    margin-left: -6px;
    padding: 6px 8px 7px 6px;	
}
#ops_table .ir{
float:right;
}
#discounter  {

background-color:#EEEEEE;
border:2px outset #AAAAAA;
float:left;
margin:-4px 1em 1em 0em;  
}
#prop_buttons {
float: left;
padding: 8px;
}
#discounter_ops{
padding: 8px;
}
.invisible{
display:none;
}
div.discounter_off {
  /*display : none;*/
  visibility: hidden;
}
div.discounter_on {
  /*display : block;*/
  visibility: visible;
}

#line-items td{
/*border: 1px solid #ddd;*/
}

span.room_row {
  font-weight: bold;
  color: Blue;
}
#prop_buttons input {
  margin-top: 3px;
  margin-bottom: 3px;
}

#proposal h3,
#discounter h3  {
    background: #605C5A;
    color: white;
    font-weight: bold;
    padding: 0.5em;
    font-size: small;
}

#discounter_close{
margin-top: -22px;
}
  
label {
  cursor: pointer;
}

.hide_me {
  display: none;
}

li.retail_toggle {

}
li.retail_child {
  margin-left: 15px;
}

/* Print report buttons */
.printButtons {
  float: right;
}
.printButtons a {
  background: #B7ADA7;
  border: 2px outset #B7ADA7;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: white;
  margin: 7px;
  padding: 5px;
}

a.button {
  background: #B7ADA7;
  border: 2px outset #B7ADA7;
  text-decoration: none;
  font-weight: bold;
  color: white;
  padding: 3px;
}

/**
Roll Stock
**/
#roll_stock_list{
padding: 5px;
}
#roll_stock_list th{
background:none repeat scroll 0 0 #CED4DD;
}


/**
Contact Management
**/
#contacts th, #se_history th, table.visit, th.reminder, td.reminder{
background:none repeat scroll 0 0 #CED4DD;
}

#contacts td {
/*
border-bottom: 1px solid #dddddd;
*/
background:none repeat scroll 0 0 transparent;
}
#contacts tr {
border-bottom: 1px solid #dddddd;
}

#se_history tr{
border-bottom:1px solid #DDDDDD;
}

#contacts tr.row_sus,
#se_history tr.row_sus {
background:none repeat scroll 0 0 #f5f6f6;
}
#contacts tr.row_lead,
#se_history tr.row_lead {
background:none repeat scroll 0 0 #f2e4dd;
}
#contacts tr.row_call,
#se_history tr.row_call,
td.call, th.call{
background:none repeat scroll 0 0 #f2ecc8;
}
#contacts tr.row_proposal,
#se_history tr.row_proposal{
background:none repeat scroll 0 0 #e0eede;
}
#contacts tr.row_cold,
#se_history tr.row_cold {
background:none repeat scroll 0 0 #c7cde8;
color: #FFFFFF;
}
#contacts tr.row_order,
#se_history tr.row_order {
/*background:none repeat scroll 0 0 #c7cde8;*/
font-weight: bold;
}
#contacts tr.row_proposal_submitted,
#se_history tr.row_proposal_submitted {
/*background:none repeat scroll 0 0 #c7cde8;*/
font-weight: bold;
color: #0000FF;
}

#se_history .actions {
width:162px;
}

#search_results span.search_match {
font-weight: bold;
color: Blue;
}
#conf h4{
  background: none repeat scroll 0 0 #C7CDE8;
  border-bottom: 2px solid #00A6DE;
  padding: 5px;
}
#conf h4.dup{
  background: none repeat scroll 0 0 #e09a84;
  color: #FFFFFF;
}

th.call, td.call {
border-top: 2px solid #e6bb52;
border-bottom: 2px solid #e6bb52;
}
th.call{
color:#FFFFFF;
font-size:120%;
text-shadow:0.1em 0.1em 0.3em #000000;
}
td.call {
}
/*
th.reminder, td.reminder {
border-top: 2px solid #67ae3e;
border-bottom: 2px solid #67ae3e;
}
*/
th.reminder {
color:#FFFFFF;
font-size:120%;
text-shadow:0.1em 0.1em 0.3em #000000;
}
td.reminder {

}

#sched_prosp td.proposal {
padding-top: 21px;
}


#schedule_row{
  background-color: #ffafa6;
}

#contacts th.actions,
 #contacts td.actions{
 padding: 0px;
 width:81px;
}
 #contacts td.actions{
background:none repeat scroll 0 0 #FFFFFF; 
width:60px;
}

#h_out_leads,
#h_out_leads_pop{
background:url("/images/sales_manager/h_lead.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#h_out_calls,
#h_out_calls_pop{
background:url("/images/sales_manager/h_call.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#h_out_proposals,
#h_out_proposals_pop{
background:url("/images/sales_manager/h_proposal.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#se_status_table,
#se_status_table_list{
margin:0;
width:100%;
}

#se_status_table td,
#se_status_table_list td{
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size:133%;
font-weight:bold;
line-height:1.1;
width:145px;
}
#se_status_table td:last-child,
#se_status_table_list td:last-child{
width:244px;
}
/*
td.proposal_00,td.proposal_05,td.proposal_10,td.proposal_20{
width:250px;
}
*/

td.prospect_00,
td.visit_00,
td.visit_05,
td.proposal_00,
td.proposal_05,
td.proposal_10,
td.suspect_99, td.prospect_99, td.visit_99, td.proposal_99
{
  color : #BBBBBB;
}

td.suspect_00,
td.prospect_05,
td.visit_10,
td.proposal_20,
td.suspect_AA,td.prospect_AA,td.visit_AA,td.proposal_AA
{
  color : #0000FF;
  text-shadow: 0.1em 0.1em 0.1em #CCCCCC;
}

#sales_entity_edit{
margin-top: -8px;
}

#calendar_filter{
padding-left: 10px;
min-height: 27px;
}
#load_all{
  float:right;
}

.se_status_div,
.se_status_list_div{
background:url("/images/sales_manager/sales_manager_banner_29.png") no-repeat 0 0 transparent;
height: 33px;
width: 730px;
}

#cust_status{
background:url("/images/sales_manager/sales_manager_banner_customer.png") no-repeat 0 0 transparent;
height: 23px;
width: 264px;
text-indent: -9999px;
}



.se_status_list_div{
margin: 4px 0px -4px 5px;
}

#h_out_all{
background:url("/images/sales_manager/h_all.png") no-repeat 0 0 transparent;
height:32px;
margin-left:3px;
margin-top:4px;
padding:0 0 0px;
text-indent:-9999px;
}

#h_out_leads_pop,
#h_out_calls_pop,
#h_out_proposals_pop {
margin-left:-3px;
margin-top:-11px;
padding-bottom:3px;
}

#contacts tr.hov:hover {
  background-image:url("/images/css_images/layout/highlight.png");
  color : Blue;
  cursor: pointer;
}

td.cont_clickXXX:hover {
  background-color: #FFFFFF;
  cursor: pointer;
}


table.out_leads .cont_status,  
table.out_leads .cont_sales, 
table.out_leads .cont_act_call,
 table.out_leads .cont_sales{
display: none;
}
table.out_sus .cont_status,  
table.out_sus .cont_sales, 
table.out_sus .cont_act_call,
table.out_sus .cont_potential,
/*table.out_sus .cont_job_no,?8
 table.out_sus .cont_sales{
display: none;
}

table.out_calls.cont_job_no, 
table.out_calls .cont_potential, 
table.out_calls .cont_act_call, 
table.out_calls .cont_sales, 
table.out_calls .cont_how_did, 
table.out_calls .cont_status {
display: none;
}
/*table.out_proposals.cont_job_no, table.out_proposals .cont_potential, table.out_proposals .cont_how_did, table.out_proposals .cont_status, table.out_proposals .cont_job_no  {*/
table.out_proposals .cont_potential, table.out_proposals .cont_how_did, table.out_proposals .cont_status {
display: none;
}

th.cont_how_did, th.cont_communication,
td.cont_how_did, td.cont_communication {
/* Hide from list until further notice */
display: none;
}
/*
table.out_leads td.actions,
table.out_leads th.actions,
table.out_calls td.actions,
table.out_calls th.actions,
table.out_proposals td.actions,
table.out_proposals th.actions,
table.out_all td.actions,
table.out_all th.actions{
padding: 0px;
}
*/


#contact_edit th {
padding-top:0px;
padding-bottom:0px;
padding-left:13px;
font-size: 90%;
}
 #contact_save_button{
 /*margin-left : 150px;*/
}

 /*tr.add_val_row {*/
 #address_validator{
  border : 2px solid #ff6959;
  margin-left: 3px;
}
 
#conf{
  border : 2px solid #00a6de;
  margin-left: 3px;
} 
#conf ul{
  margin-left: 20px;
}
#conf li{
  padding: 3px;
}
#conf li.known_cust:hover {
  background-color: #cee1eb;
  cursor: pointer;
}
#conf li.new_cust{
  font-weight: bold;
}
#conf li.new_cust:hover {
  background-color: #8ed8f8;
  cursor: pointer;
  padding: 3px;
}
 
tr.add_val_row  li:hover {
  background-color: #ffafa6;
  cursor: pointer;
} 

tr.add_val_row  ul {
  margin-left: 20px;
}
tr.add_val_row  li {
  padding: 3px;
}


.box_headerX{
  background-color : #404f6c;
}


#sales_entity_edit h3{
  color: #FFFFFF;
  text-shadow:0.1em 0.1em 0.1em #000000;
  padding: 5px 5px 5px 30px;
}

#sales_entity_edit h3.closed{
  background: url("/images/css_images/icons/navigation-000-button.png") no-repeat scroll 7px 50% transparent;    
  background-color: #404f6c;
}
#sales_entity_edit h3.open{
  background: url("/images/css_images/icons/navigation-270-button.png") no-repeat scroll 7px 50% transparent;
  background-color: #4f709c;
}
#sales_entity_edit h3.off{
  background: url("/images/css_images/icons/navigation-000-button-dis.png") no-repeat scroll 7px 50% transparent;
  background-color: ece9e4;
  color: #000000;
  text-shadow:none;
}



#sales_entity_edit .box_header {
border: 1px solid #DDDDDD;
}
#sales_entity_edit .box_content {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}

#sales_entity_edit h3.open:hover,
#sales_entity_edit h3.closed:hover{
  cursor: pointer;
  background-color: #4f709c;
}

#sales_entity_edit .ir.close{
background-image:url("/images/css_images/icons/delete.png");
float:right;
height:16px;
padding-top:16px;
width:16px;
margin-right:-11px;
margin-top:0px;
}

.ww-moz-button{
    background-color: rgb(225, 225, 225);
	border: 1px solid rgb(173, 173, 173);		
	padding: 5px;
/*	box-shadow: 2px 2px #efefef;*/
	box-shadow: 2px 2px rgba(239,239,239,0.75);
	display: inline-block;

}	
#sales_entity_edit span.ww-moz-button{margin-left: 3px;}

.ww-moz-button:hover {
	cursor: pointer;
    background-color: rgb(229, 241, 251);	
    border: 1px solid rgb(0, 120, 215);	
}
.email-cons-button span.email-img{
	position: relative;
	padding: 0px 10px;
	background-image:url("/images/css_images/icons/mail-send.png");
	background-repeat: no-repeat;

}

#generate-se-ref {
  margin-left : 3px;	
}

#se_customer_content th,
#se_customer_content td,
#se_details_content th,
#se_details_content td,
table.visit td,
table.visit th {
/*border: 0px dotted #DDD;*/
padding-left:0px;
padding-right:0px;
}

td.se_highlight, th.se_highlight {
  background:none repeat scroll 0 0 #e4b477; 
  border: 1px solid #cf8b2d;
}
th.se_highlight {
  border-right: 1px solid #e4b477;
  padding-left: 3px;
}
td.se_highlight{
  border-left: 1px solid #e4b477;
}

table.visit td{
vertical-align: middle;

}

#se_status {
color:#DDDDDD;
font-size:120%;
}

#sales_entity_edit th.se_cell_fixed_width,
#sales_entity_edit td.se_cell_fixed_width{
width: 100px;
}
#sales_entity_edit th.se_cell_fixed_width_B,
#sales_entity_edit td.se_cell_fixed_width_B{
width: 310px;
}

#sales_entity_edit th.se_cell_fixed_width_C,
#sales_entity_edit td.se_cell_fixed_width_C{
width: 100px;
}

#sales_entity_edit tr.se_address_notes  th,
#sales_entity_edit tr.se_address_notes  td{
padding-top: 10px;
border-top: 1px solid #DDDDDd;
}


#sales_entity_edit input,
#sales_entity_edit select {
min-width: 7em;
width:7em;
}
#sales_entity_edit input[type="checkbox"]{
min-width: 2em;
width:1em;
}
#sales_entity_edit input[name="email"]{
min-width: 12em;
width:12em;
}
#sales_entity_edit input[name="jobContact"],
#sales_entity_edit input[name="jobno"]{
min-width: 19em;
width:19em;
}

#sales_entity_edit input[name="schedTime"],
#sales_entity_edit input[name="schedTimeTo"]{
min-width: 4em;
width:4em;
}

#sales_entity_edit textarea[name="samples_note"]{
    float: right;
    margin-top: -5px;
    min-width: 14em;
    min-width: 60%;
    height: 55px;	
}


input.ww_readonly, textarea.ww_readonly{
background-color: #ecece6;
border-bottom:1px solid #E2E3EA;
border-left:1px solid #E2E3EA;
border-right:1px solid #E2E3EA;
border-top:1px solid #ABADB3;
-moz-border-radius: 2px;

}
#sales_entity_edit input[name="samples"]{
min-width: 12em;
width:12em;
}
#sales_entity_edit legend{
font-weight:bold;
padding-left:4px;
}

#se_control_panel,
#se_control_panel2{
-moz-border-radius:3px 3px 3px 3px;
border:1px solid #777777;
margin-right:3px;
margin-left:3px;
padding:5px;
width:75px;
background-color:#ece9e4;
}

#se_control_panel{
height: 185px;
}
#se_control_panel2{
height: 228px;
}
#se_control_panel button,
#se_control_panel2 button{
width: 75px;
}
#contact_save_button1{
margin-top: 8px;
}
#contact_save_button2{
margin-top: 35px;
}
td.se_control_panle_cell {
width: 80px;
padding: 0px;
}
#se_address_buttons{
  display:inline;
  vertical-align:top;
}

div.box_content{
/*
  padding-top: 5px;
  padding-left: 5px;
*/
  padding:5px;
}

#calendar_all, #calendar_rem {
width: 97%;
padding-left: 20px;
}


#sales_entity_edit table{
  width : 100%;
  margin: 0px;
}

#search_sur{
/*
display:inline;
float:none;
position:static;
*/
cursor: pointer;
}

#GPS_report_header{
  background:none repeat scroll 0 0 #ECE9D8; 
  font-family: Verdana;
  font-size: 8pt;  
}

#GPS_report_header button{
  font-family: Verdana;
  font-size: 8pt;
}
  
#GPS_report_header td.button_cell{
  border-left:1px solid gray;
}

#GPS_report_header td {
  vertical-align: text-top;
}


/**
Installation Rate Maint
**/
#rate_cats{
background:none repeat scroll 0 0 #F2F2F2;
border:1px solid #AAAAAA;
display:inline-block;
margin:2px;
padding:10px;
-moz-box-shadow:2px 2px 2px #888888;
}
#rate_cat_sel{
text-shadow: 0.1em 0.1em 0.1em #fff;
}
#rate_maint{
padding: 5px;
}
#rates input,
#rates select{
  min-width: 2em;
  width: 75px;
}

#rates input.rate_supplier {
  min-width: 12em;
}
#rates input.rate_name {
  min-width: 12em;
}
#rates input.rate_active {
  min-width: 2em;
  width: 30px;
}
td.rate_active_cell{
  vertical-align:middle;
}

#rates th {
  background:none repeat scroll 0 0 #CED4DD;
}
#rates td.inactive{
  background:none repeat scroll 0 0 #f1e3dd;  
  padding-bottom:0;
  padding-top:0;  
}

#rates td.inactive.rate_active_cell{
  background:none repeat scroll 0 0 #f2ba9d;  
}

#rate_maint input.button{
  float: right;
}

/**
Installation Wizard
**/
#install_wizard td.q_charged,
#install_wizard input{
  width: 3em;
}
#install_wizard td.q_calc{
  width: 4em;
}
#install_wizard input{
  min-width: 3em;
}
#install_wizard select.uom{
  min-width: 3em;
}
#install_wizard select.rates{
  min-width: 4em;
}

tr.subT td, #grandT{
  border-top:2px solid #000;
  border-bottom:2px double #000000;
  padding-right: 2px;
  font-weight: bold;  
}

.first_cell{
  border-left:1px solid #000;
}

td.spacer, #install_wizard th{
  border-top:1px solid #000;
}

.last_cell{
  border-right:1px solid #000;
}

#install_wizard tr.TracksCurtains>td,
#install_wizard tr.Blinds>td,
#install_wizard tr.misc>td{
  font-size: 80%;
  padding: 0px 2px 0px 2px;
  vertical-align:baseline;
}
#install_wizard th{
  padding: 5px;
}

#install_wizard input,
#install_wizard select{
  font-size: 110%;
}

#install_wizard td.even{
  background: #e8ecf0;
}

#install_wizard td.treat_head{
  background: #777;
  color: #fff;
  text-shadow:0.1em 0.1em 0.1em #000000;	
  font-size:120%;
}

#install_wizard td.treat_foot,
#grandT{
/*
  padding-top:3px;
  padding-top:3px;
  */
}

#installSubmit{
  float: right;
}
#install_wizard_title {
  background: url("/images/css_images/layout/installation_wizard.png")no-repeat;
  width: 275px;
  height: 53px;
  text-indent:-9999px;
  padding:0px;
  margin:0px;
}

#install_wizard_table {
  min-width : 99%;
  margin-left:3px;
  margin-right:3px;  
}
td.uomHighlight{
  color : Blue;
  font-weight: bold;
}

/** Our advertising on the orders page **/
#advertising {
  float: right;
  margin: 5px;
  clear: both;
}

select.supplierSelect {
  float: right;
  margin: 6px;
}

/**
jQuery UI
**/
div.ui-datepicker{
 font-size:10px;
}
table.fc-header h2{
background: none;
}


/** Credits  **/
#credits {
padding: 10px;
}
#credits a{
color:#999999;
text-decoration:none;
}
#credits ul{
padding-left:10px;
}
a.no-dec{
text-decoration:none;
}

#message_dev {
    background-color: #FFDDDD;
    background-image: url("/images/css_images/icons/error.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    border: 2px solid red;
    box-shadow: 3px 3px 4px #888888;
    left: 0;
    padding: 5px 20px 5px 45px;
    position: fixed;
    text-align: left;
    top: 0;
    z-index: 5000;
}	
#message_dev th{
font-weight:bold;
padding-right: 5px;
}

td.bulk-tick,
th.bulk-tick {
/*text-align:center;*/
width: 96px;
}
td.valign-m,
th.valign-m{
text-align:center;
}

/*** START SQUARE TICK ****/
/* SQUARED FOUR */
.squaredFour {
	width: 20px;	
	margin: 0px auto;
	position: relative;
}

.squaredFour label {
	left: 0px;
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.squaredFour input[type=checkbox],
.squaredThree input[type=checkbox],
.squaredTwo input[type=checkbox]{
visibility:hidden;
}

/* SQUARED TWO */
.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
/*	margin: 20px auto;*/

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED THREE */
.squaredThree {
	width: 20px;	
/*	margin: 20px auto;*/
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/*** END SQUARE TICK ****/


/*** SITE SEARCH ***/
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    

 /* Form wrapper styling */
form.search-wrapper { 
padding-left:106px;
}
.search-wrapper {
width: 308px;
/*
margin: 45px auto 50px auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
*/
}
 
/* Form text input */
 
.search-wrapper input[type="text"] {
width: 220px;
height: 20px;
padding: 10px 5px;
float: left;
margin-top: 6px;
font: bold 15px "lucida sans", "trebuchet MS", "Tahoma";
border: 0;
background: #EEE;
border-radius: 3px 0 0 3px;
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   

#proposal_process_costs{
	padding: 25px;
	text-align: center;
} 
.ui-widget-overlay{
  opacity: 0.4 !important;	
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 72px;
font: bold 15px/40px "lucida sans", "trebuchet MS", "Tahoma";
color: white;
text-transform: uppercase;
background: #D83C3C;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
margin-top: 6px;
}
   
.search-wrapper button:hover{     
    background: #e54040;
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.search-wrapper button:before { /* left arrow */
    content: "";
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
 
.search-wrapper button:hover:before{
    border-right-color: #e54040;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}

.search-options {
    left: 451px;
    position: absolute;
    top: 33px;
    width: 276px;
} 
span.search-options input{
margin-left:15px;
}
span.search-label{
 font-size: 18px;
    font-weight: bold;
    left: 5px;
    position: absolute;
    top: 26px;
    width: 110px;
}
#site_search{
position: relative;
}
/*** END SITE SEARCH ***/


table.web_users tr.staff td{
  color: #0000FA;	
}
table.web_users tr.current td{
  font-weight: bold;
}
table.web_users tr.active td.type{
	background-color: #B9EBA9;
	border: 1px solid #98CF86;
  
}
table.web_users tr.inactive td{
  color: #FA0000 !important;	
}
#web_user_edit{
//	width: 500px;
//	margin: 0 auto;
	
}

/*** SUPPLIER LIST BUTTONS ***/
#supp-list-picker{
	display: block;
    height: 24px;
    right: 0;
    width: 100%;
}
ul.supplierSelectMenu {
	margin: 8px 0 0 2px;
}
ul.supplierSelectMenu.clicker li {
border: 1px solid #aaa;
    float: left;
    list-style: outside none none;
    margin-left: -1px;
    padding: 3px 6px;
	background-color: #FFFFFF;
}
ul.supplierSelectMenu.clicker li.current {
	background-color: #ced4dd;
	border-bottom: 1px solid #ced4dd;	
    font-size: 120%;
    font-weight: bold;
    margin-top: -4px;
}


ul.supplierSelectMenu.clicker li:hover {	
	cursor: pointer;
	background-color: #EFEFEF;
}
ul.supplierSelectMenu.clicker li.current:hover {	
	cursor: default;
	background-color: #ced4dd;	
}

ul.supplierSelectPic {
	list-style: none;
}
ul.supplierSelectPic.clicker {
	padding: 50px;
}
ul.supplierSelectPic.clicker li:hover {
	cursor: pointer;
	box-shadow: 3px 3px 4px #BBBBBB;
}
ul.supplierSelectPic li {
	height: 45px;
    text-indent: -999px;
	margin-bottom:15px;
/*	
	outline: 1px solid Red;
*/	
}
ul.supplierSelectPic li.CPC {
    background: #fff url("/images/css_images/layout/logos.png") no-repeat scroll -458px 0px;
    width: 216px;
}
ul.supplierSelectPic li.MCP {
background: #fff url("/images/css_images/layout/logos.png") no-repeat scroll 4px 0;
    width: 175px;
}
ul.supplierSelectPic li.JDT {
background: #fff url("/images/css_images/layout/logos.png") no-repeat scroll -182px 0px;
    width: 264px;
}
ul.supplierSelectPic li.BIM {
background: #fff url("/images/css_images/layout/logos.png") no-repeat scroll -684px 0;
    width: 170px;
}
ul.supplierSelectPic li.TEX {
background: #fff url("/images/css_images/layout/logos.png") no-repeat scroll -856px 0;
    width: 85px;
}
ul.supplierSelectPic li.NZW,
ul.supplierSelectPic li.MOL{
font-size: 18px;
    line-height: 40px;
    padding-left: 11px;
    text-indent: 0;
    width: 265px;
}

span.data-for-pop{
background-color: #c5f9c8;
    border: 1px solid #888;
    color: blue;
    cursor: pointer;
    display: inline-block;
    padding: 1px 3px;
	border-radius: 4px;
}

/* --------- Popup --------- */
/* --------- Taken from the studio, as we need the Fabric List for Fabric Swap --------- */
.popup.bg {
  position: fixed;
  position: expression("absolute"); /* Cursor disappearance hack for FF */
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 85; /* AJP was 1000 */
  background-image: url("../images/css_images/layout/overlay.png");
}


.popup.content {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topleft:10px;
-moz-box-shadow:3px 4px 6px #333333;
background:none repeat scroll 0 0 #FFFFFF;
border:2px outset #666666;
height:92%;
margin:1.5% auto 0;
overflow-x:auto;
overflow-y:scroll;
padding:8px;
text-align:left;
width:85%;
}

.popup.loading {
  margin: 1em auto;
  background: #fff url("../images/css_images/icons/loading.gif") no-repeat 2px 50%;
  padding: 1em 20px;
  text-align: left;
  width: 15%;
}

.popup h2 {
  font-size: large;
  font-weight: bolder;
  background: #605C5A;
  color: white;
  padding: 5px;
  -moz-border-radius-topleft:7px;
}

.popup .ir.close {
  padding-top: 16px;
  background-image: url("../images/css_images/icons/delete.png");
  height: 16px;
  width: 16px;
  float: right;
  margin-right: 8px;
  margin-top: 8px;
}
/**********  END  **********/