@charset "utf-8";
/* CSS Document */

html, body {
		height:100%;
		width:100%;
		margin:0;
		padding:0;
		
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none; 
}
a:active {
	text-decoration: none; 
}

.show-element-true{
	visibility:visible;
}
.show-element-false{
	visibility:hidden;
	display:none;
}
 

.process-error{
	background:#FFCCD0;
	color:#F00;
} 
.process-complete{
	background:none;
	color:#090;
}

/******  MODAL   *****/
.modal-screen-show{
    background:#024;
	height:100%;
    width:100%;
    position:absolute;
	top:0;
	left:0;
    opacity:0.8;
	z-index:2000;
	*display:none;	
}
.modal-screen-hide{
	visibility:hidden;
	display:none;
}

#modal {display:none;}
#modal-header {display:none;}
.modal #modal {display:block;}
.modal #modal-header {display:block;}
.not-modal #modal {display:none;}
.not-modal #modal-header {display:none;}
.dialog{
	background-color: #FFFFFF;
    border: 1px solid #999;
    padding: 10px;
}
#dialog-header{
	background-image:url(../images/icons/title_bg.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	
}
.overlay-decorator {
  background:#024;
	height:100%;
  width:100%;
  position:absolute;
	top:0;
	left:0;
  opacity:0.8;
	z-index:2000;
	*display:none;
}
.overlay-wrap {
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:2001;
	
	overflow:auto;
	*overflow-x:hidden;
	*zoom:1;
	/* (0.8 * 255).toString(16) = cc */
	*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc002244,endColorstr=#cc002244);
	*background:transparent url(pixel.gif);
}
.overlay {
	z-index:2001;
	position:relative;
	margin:0 auto;
	display:table;
	height:100%;
	vertical-align:middle;
	width:300px;
	z-index:9999;
	
	*width:100%;
	*text-align:center;
	*position:static;
	*display:block;
}
.dialog-wrap {
	display:table-cell;
	vertical-align:middle;
	
	*width:300px;
	*text-align:left;
	*zoom:1;
	*display:inline;
}
.dialog-decorator {
	display:none;
	
	*vertical-align:middle;
	*zoom:1;
	*display:inline;
	*height:100%;
	*width:0;
	*background:red;
}

/**********************/



/* Text Colours */ 
.cWhite {color:#FFFFFF;}
.cLtGreen{color:#7fc31c;}
.cDkGreen{color:#659a16;}
.cDkBlue{color:#0066cc;}
.cMdBlue{color:#1398ea;}
.cLtBlue{color:#63bbfa;}
.cLtGrey{color:#e0e0e0;}
.cGrey{color:#CCCCCC;}
.cDkGrey{color:#666666;}
.cLtCream{color:#f8f0d8;}
.cLtRed{color:#FE8588;}
.cRed{color:#FF0000 !important;}

.box{border:1px solid #e0e0e0; padding:2px;}
.bbox{border:1px solid #000; padding:2px;}
.link_hover{
	cursor:pointer;
	text-decoration:none
}
/* Background Colours */
.bgWhite { background-color:#FFFFFF;}
.bgLtGreen{background-color:#7fc31c;}
.bgDkGreen{background-color:#659a16;}
.bgDkBlue{background-color:#0066cc;}
.bgMdBlue{background-color:#1398ea;}
.bgLtBlue{background-color:#63bbfa;}
.bgLtGrey{background-color:#e0e0e0;}
.bgLtCream{background-color:#f8f0d8;}
.bgBlack{background-color:#000000;}
.bgDkGrey{background-color:#666666;}
.bgRed{background-color:#FF0000;}
.bgLtRed{background-color:#FE8588 !important;}
.bgOrange{background-color:#FFCC00;}
.bgGrey{background-color:#cccccc;}

/* Text Size / Weight */
.b {font-weight:bolder !important;}
.text8 {font-family: Arial, Helvetica, sans-serif;font-size: 8px;}
.text9 {font-family: Arial, Helvetica, sans-serif;font-size: 9px;}
.text10 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.text11 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.text12 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.text14 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
.text16 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;}
.text18 {font-family: Arial, Helvetica, sans-serif;font-size: 18px;}
.text28 {font-family: Arial, Helvetica, sans-serif;font-size: 28px;}
.text36{font-size:36px}


/*  SELECT ELEMENTS */
form label {
	display:block;
	width:140px;
}

optgroup{
	color:#09F;
	padding-top:10px;
	padding-bottom:4px;
}
option {
    color:#333;
}

option#opener{
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:italic;
	font-weight:bold;
	
}


/* SYSTEM MESSAGE */
.system-message{
	clear: both;
	padding: 15px;
}
.success{
	background: #A4FFA4;
	color:	#030;
	font-weight: bold;
}
.error{
	background:#FFC1C1;
	color: #900;
	font-weight: bold;
}
.system-message p{
	padding: 5px 10px;
}
.system-message ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.system-message ul li{
	margin: 0;
	padding: 5px 10px;
}

/* ADMIN SYSTEM MESSAGE */

#admin-error{
	padding:4px;
	margin-bottom:10px;
	border:solid 1px #F00;
	background-color:#FFE6E8;
	color:#F00;
	font-size:12px;
	width:100%;	
}

#admin-system-msg-success{
	padding:4px;
	margin-bottom:10px;
	border:solid 1px #F00;
	background: #A4FFA4;
	color:	#030;
	font-weight: bold;
	font-size:12px;
	width:100%;	
}

#admin-system-msg-error{
	padding:4px;
	margin-bottom:10px;
	border:solid 1px #F00;
	background-color:#FFE6E8;
	color:#F00;
	font-size:12px;
	width:100%;	
}
/* LAYOUT ELEMENTS */
 
#admin-header{
	background-color:#000000;
	padding:10px;
	font-size:26px;
	color:#FFFFFF;
	height:60px;
	width:100%;
}

#admin-nav{
	padding:2px;
	font-size:10px;
	width:100px;
}


.admin-sub-nav-visible-false{
	visibility:hidden;
	display:none;
}
.admin-sub-nav-visible-true{
	visibility:visible;
	display:block;
	border:solid 1px #999;
	background:#FFF;
	padding:5px;
	width:75px;
	margin:5px;
}
.sub-nav{
	padding-bottom:5px;
}
#admin-body{
	padding:10px;
	font-size:12px;		
	
}
#admin-top-nav{
	margin-top: -9px;
	margin-left:-9px;
	padding:5px;
	background-color:#CCC;
	font-size:12px;
	height:24px;
	width:100%;	
}


/* BUTTONS */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;}

a.button-fixed {
    background: transparent url('/images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 24px;
	width:77px;
    margin-right: 10px;
	margin-bottom:5px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
 
a.button {
    background: transparent url('/images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;}

a.button span, a.button-fixed span {
    background: transparent url('/images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-align:center;} 

a.button:active, a.button-fixed:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */}

a.button:active span, a.button-fixed:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */} 
/* BAR ROLL OVER CLASSES */
/*#F4F5F7#C8DFDF*/
.bar-alt1{background:#D9ECEC;}
.bar-alt-1{background:none;}
.bar-alt-over{background:#D8DDDE;}

/* ROW AND CELL CLASSES */

#row .cell{	padding:5px 2px;font-size:9px;/* border-bottom:1px solid #Fff; border-right:1px solid #Fff;*/ }
#row input[type=text]{font-size: 10px; background-color:#FEFFD7; border: 1px solid #999; margin:0px; padding:0px; }
#row input[readonly] {background:#FFF;  color: #666; }
#row input[disabled],input[disabled="disabled"], input.disabled { background:#F1F0FF; color:#000; border:none; }
#row input[type=checkbox] { background:none; border:none; margin:0px; padding-bottom:10px;}
#row input[type=submit]  {
	font-size: 10px;
    height: 19px;
    left: 0;
    margin-left: 10px;
    position: relative;
    top: -4px;}
#row {width:1500px; float:left; display:block; border-bottom:#FFF solid 1px; font-size:10px; }
.header{ background-color:#CCC; font-size:12px;  height:20px;}
.header-main{ background-color:#666; color:#FFF; font-size:14px;  height:24px; padding:2px;}
.spacer{ background-color:#CCC; height:2px; }

/* DISPLAY */

#display_results{ padding:10px;}
.title-bar{background:#CCC; border-top:solid 2px #333;}
#details-display{background:#F1F0FF;}
#item-display{background:#F1F0FF;}
.footnote{font-family:Arial, Helvetica, sans-serif; font-size:9px;}
input[type=text]{font-size: 10px; background-color:#FEFFD7; border: 1px solid #999; }
input[readonly] {background:#FFF;  color: #666; }
input[disabled],input[disabled="disabled"], input.disabled { background:#F1F0FF; color:#000; border:none; }
input[type=checkbox] { background:none; border:none;}
select {margin-top: 2px;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
textarea.display-lrg{width:600px; height:60px;}
.item-action {width:20px; }
.item-qty {	width:20px; text-align:center;}
.item-code {width:90px;	}
.item-date {width:60px;	text-align:center;}
.item-brand {width:130px;}
.item-desc {width:220px;}
.item-perc {width:40px; text-align:center;}
.item-weight {width:30px; text-align:right;}
.item-size {width:80px;	}
.item-colour {width:100px; }
.item-price {width:50px;text-align:right;}
.item-line {width:50px;text-align:right;}
.item-select{font-family:Arial, Helvetica, sans-serif;font-size:8px;height:17px;width:100px;}
.item-select-sml{font-family:Arial, Helvetica, sans-serif;font-size:8px;height:17px;width:60px;}
.item-select-lrg{font-family:Arial, Helvetica, sans-serif;font-size:9px;height:17px;width:220px;}
.item-divider{border-top:solid 1px #EFEFEF; border-bottom:solid 1px #CCC;}
.item-total{border-top:solid 1px #EFEFEF; border-bottom:solid 1px #CCC; height:4px;}


.job-title{ width:500px;}

#distance{
	width: 1px;
	height: 50%;
	margin-bottom: -200px;
	float: left;
}
#loginform{
	margin: 0 auto;
	position: relative;
	height: 400px;
	width: 300px;
	clear: left;
}
#loginform .field-group{
	clear: both;
	width: 300px;
	padding: 10px 0;
}
#loginform .field-group label{ 
	float: left;
	width: 120px;
	text-align: right;
}
#loginform .field-group input{
	float: left;
	margin: 0 0 0 10px;
}
#loginform .submit-buttons{
	clear: both;
	width: 170px;
	padding: 15px 0 10px 130px;
}



.productpar{
	position: relative;
	display: block;
	float: right;
	width: 10px;
	padding: 0 5px;
	cursor: pointer;
}
.productpar img{
	z-index: 0;
}
.popup{
	position: absolute;
	text-align: left;
	background: #FFF;
	border: 1px solid #999;
	padding: 10px;
	box-shadow: 5px 5px 5px #666;
	border-radius: 8px;
	-moz-box-shadow: 5px 5px 5px #666;
  -webkit-box-shadow: 5px 5px 5px #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	z-index:999999;

}
.closebtn{
	cursor: pointer;
	padding: 1px;
}