/* @override http://win-tg1r48hd8qb.sysalt.com:8080/wcres/css/forms.css?v=1.0 */

/**********
 * FORMS
 **********/

textarea {
    resize: none;
}

#criteriaFormContainer,
#admin.users #criteriaFormContainer {
	width: 100%;
	background: #E6E6E6;
	min-width: 480px;
	margin: 0 auto;
	padding: 0;
}
#criteriaFormInner {
	
}
#criteriaFormInner .basic_form {
	width: 900px;
}

#shipments #criteriaFormInner .basic_form,
#pos #criteriaFormInner .basic_form {
	width: 760px;
}
 
#criteriaForm { 
	background-color: #E6E6E6;
	width: 900px;
	margin: 0 auto;
}
#criteriaFormInner #criteriaForm {
	width: auto;
	margin: 0;
}

#adminHeaderContainer { 
	/*width: 600px;*/
	margin: 0 auto;
}
#contentContainer tr.sortHeaderRow {
	border-bottom: 1px solid #555;
	border-right: none;
}

ul.adminDataList {
	width: 600px;
	margin: 0 auto;
	padding: 10px 0;
}

#criteriaFormContainer h1 {
	font-size: 14px;
	padding: 5px 0;
}

#criteriaFormContainer h3 {
	text-align: center;
	margin-top: 0;
}

table.usersOptions {
	width: 730px;
	margin: 0px auto;
}
.usersOptions #criteriaForm {
	width: auto;
}

table.usersOptions .basic_form {
	width: 100%;
}

table.usersOptions td.usersSearch {
	width: 230px;
	vertical-align : middle;
}

table.usersOptions td.usersDivider {
	width: 20px;
	padding: 0 10px;
	vertical-align: middle;
    background: url('../../img/skin/userOptionsBG.jpg') 50% 50% repeat-y;
}

table.usersOptions td.usersDivider p {
	padding: 5px;
	background: #E6E6E6;
}

table.usersOptions td.usersAdd {
	width: 150px;
	padding-left: 0;
	vertical-align: middle;
}
table.usersOptions td.submitBtnHolder {
	vertical-align: middle;
}
#phoneNoHolder {
	float: left;
	width: 328px;
}
#phoneNo1,
#phoneNo2 {
	width: 60%;
	float: left;
}
#phoneNo1Type,
#phoneNo2Type {
	margin-left: 4px;
	width: 25%;
	float: left;
}


.basic_form{ margin: 0 auto;  width: auto; padding: 0; position: relative; z-index: 1; } /* reset stuff */

  /* Some generals and more resets */
  .basic_form fieldset{ border: none; margin: 0; padding: 0; }
    .basic_form fieldset legend{ margin: 0; padding: 0; }

    /* This is the main unit that contains our form elements */
    .basic_form .ctrlHolder,
    .basic_form .buttonHolder{ margin: 0; padding: 0; clear: both; }

    /* Clear all floats */ 
    .basic_form:after,
      .basic_form .buttonHolder:after, 
      .basic_form .ctrlHolder:after, 
        .basic_form .ctrlHolder .multiField:after,
          .basic_form .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

    /* A class to be used on a label that contains a checkbox or a radio button */
    .basic_form .inlineLabel,
    .basic_form .inlineLabels .inlineLabel,
    .basic_form .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
      /* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
      /* Legacy/Inheritance fix */
      .basic_form .inlineLabel input,
      .basic_form .inlineLabels .inlineLabel input,
      .basic_form .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }

/* ------------------------------------------------------------------------------ */

    /* Styles for form controls where labels are above the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .blockLabels */

      .basic_form label,
      .basic_form .label,
      .basic_form .blockLabels label,
      .basic_form .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; cursor: pointer; }
      .basic_form p.label { cursor: auto; }
      .basic_form button{ cursor: pointer; }

      /* Float the input elements */
      .basic_form .textInput,
      .basic_form .blockLabels .textInput,
      .basic_form .blockLabels .fileUpload,
      .basic_form .selectInput,
      .basic_form .blockLabels .selectInput,
      .basic_form .blockLabels select,
      .basic_form textarea,
      .basic_form .blockLabels textarea{ float: left; }
      
      /* Postition the hints */
      .basic_form .formHint,
      .basic_form .blockLabels .formHint{ float: right; margin: 0; clear: none; }
      
      /* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
      .basic_form .multiField,
      .basic_form .blockLabels .multiField{ width: auto; float: left; }
        .basic_form .multiField .inlineLabel,
        .basic_form .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .basic_form .multiField .blockLabel,
        .basic_form .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
        .basic_form .multiField .blockLabel .textInput,
        .basic_form .multiField .blockLabel .selectInput,
        .basic_form .multiField .blockLabel select,
        .basic_form .blockLabels .multiField .blockLabel .textInput,
        .basic_form .blockLabels .multiField .blockLabel .selectInput,
        .basic_form .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }

/* ------------------------------------------------------------------------------ */

    /* Styles for form controls where labels are in line with the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
        .basic_form .inlineLabels label,
        .basic_form .inlineLabels .label,
        .widgetHolder .inlineLabels label,
        .widgetHolder .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
        
        /* Float the input elements */
        .basic_form .inlineLabels .textInput,
        .basic_form .inlineLabels .fileUpload,        
        .basic_form .inlineLabels .selectInput,
        .basic_form .inlineLabels select,
        .basic_form .inlineLabels textarea{ float: left; }

      /* Position the hints */
      .basic_form .inlineLabels .formHint{ clear: both; float: none; }
      .basic_form .inlineLabels .multiField{ float: left; }
      .basic_form .inlineLabels .multiField .inlineLabel{}
      .basic_form .inlineLabels .multiField .blockLabel{}
        .basic_form .inlineLabels .multiField .blockLabel .textInput,
        .basic_form .inlineLabels .multiField .blockLabel .selectInput,
        .basic_form .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
        .basic_form .inlineLabels .multiField select{ float: left; }
      
/* ------------------------------------------------------------------------------ */

    /* Required fields asterisk styling for .blockLabels */
    .basic_form label em,
    .basic_form .label em,
    .basic_form .blockLabels label em,
    .basic_form .blockLabels .label em{ }
    
    /* Required fields asterisk styling for .inlineLabels */
    .basic_form .inlineLabels label em,
    .basic_form .inlineLabels .label em{  }
    
    .basic_form .inlineLabel em,
    .basic_form .blockLabels .inlineLabel em,
    .basic_form .inlineLabels .inlineLabel em{ float: left; width: 10px; margin: 0 0 0 -27px; }
    
    .basic_form label small{ font-size: .75em; color: #777; }
    
    .basic_form .inlineLabels .noLabel .inlineLabel{ margin-left: 34%; /* <- Match to width of label + gap to field */ }

/* ------------------------------------------------------------------------------ */

    /* Messages */
    .basic_form #errorMsg,
    .basic_form .error{
    }
      .basic_form #errorMsg dt,
      .basic_form #errorMsg h3{
      }
      .basic_form #errorMsg dd{
      }
        .basic_form #errorMsg ol{
        }
          .basic_form #errorMsg ol li{
          }
      .basic_form .errorField{
      }
    
    .basic_form #OKMsg{
    }
    .basic_form span.error {
    	display: block;
    	width: 50%;
    	clear: both;
    	margin: .75em auto;
    	padding: .75em;
    	font-size: 95%;
    	padding-left: 24px;
    	background-image: url('../../img/icons/message-16-warning.png');
    	background-position: 3px 8px;
    	background-repeat: no-repeat;
    	border-width: 1px 1px;
		left: 40px;
		position: relative;
    }
    
    .basic_form span.error_650px {
    	display: block;
    	width: 650px;
    	clear: both;
    	margin: .75em auto;
    	padding: .75em;
    	font-size: 95%;
    	padding : 10px 10px 10px 24px;
    	background-image: url('../../img/icons/message-16-warning.png');
    	background-position: 3px 8px;
    	background-repeat: no-repeat;
    	border-width: 1px 1px;
    }

/* ------------------------------------------------------------------------------ */

    /* Columns */
    
    .basic_form .col{ float: left; }
    .basic_form .col.first{}
    .basic_form .col.last{}

  /* General */
  .basic_form fieldset{}
    .basic_form legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
    
    .basic_form .ctrlHolder{ padding: 4px 4px 4px 4px; }
    
      .basic_form .primaryAction{ font-weight: bold; }
      .basic_form .resetButton, .basic_form .submitButton, .basic_form .secondaryAction{ float: left; text-align: center; }
      .basic_form button.secondaryAction{ background: transparent; border: none; color: #006280; margin: 0; padding: 0; text-decoration: underline; }
    
    .basic_form .focused{ background: #fffcdf; }
      
      .basic_form .inlineLabel input,
      .basic_form .inlineLabels .inlineLabel input,
      .basic_form .blockLabels .inlineLabel input{ float: none; display: inline; margin: 0; }
        .basic_form .inlineLabel span{ float: left; width: 90%; }
      
      .basic_form .buttonHolder .inlineLabel{ float: left; margin: .25em 0 0 0; text-align: left; }
      
      .basic_form .small { width: 30% !important; }
      .basic_form .medium{ width: 45% !important; }
      .basic_form .large {  }
      .basic_form .auto  { width: auto !important; }
        
/* ------------------------------------------------------------------------------ */

    .basic_form .blockLabels .ctrlHolder{}
      
      .basic_form label,
      .basic_form .blockLabels label,
      .basic_form .blockLabels .label{ margin: 0 0 .5em 0; font-size: 13px; font-weight: bold; color: #333; }
      
      .basic_form .textInput,
      .basic_form .blockLabels .textInput,
      .basic_form .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }
    
      .basic_form .selectInput,
      .basic_form select,
      .basic_form .blockLabels .selectInput,
      .basic_form .blockLabels select{ width: 53.5%; /* <- Required property */ }
      .basic_form textarea,
      .basic_form .blockLabels textarea{ width: 100%; /* <- Required property */ }

      .basic_form .formHint,
      .basic_form .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; }
      
 .basic_form .multiField,
 .basic_form .blockLabels .multiField{ width: 53%; }
        
    .basic_form .multiField .inlineLabel,
    .basic_form .blockLabels .multiField .inlineLabel{ display: block; clear: both; float: none; margin: 0 12px .5em 0; }
	.basic_form .multiField .inlineLabel input,
	.basic_form .blockLabels .multiField .inlineLabel input{ float: left; margin: 0 .5em 0 0; }
	.basic_form .multiField .blockLabel,
	.basic_form .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
	.basic_form .multiField .blockLabel .textInput,
	.basic_form .multiField .blockLabel .selectInput,
	.basic_form .multiField .blockLabel select,
	.basic_form .blockLabels .multiField .blockLabel .textInput,
	.basic_form .blockLabels .multiField .blockLabel .selectInput,
	.basic_form .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* ------------------------------------------------------------------------------ */

    .basic_form .inlineLabels .ctrlHolder{}
    
    .basic_form .inlineLabels label,
    .basic_form .inlineLabels .label{ width: 32%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */
           font-size: 13px; font-weight: bold; color: #333; }
    
    .basic_form .inlineLabels .textInput,
    .basic_form .inlineLabels .fileUpload,
    .basic_form .inlineLabels .selectInput,
    .basic_form .inlineLabels select { width: 64%; /* <- Required property */ }
    
    .basic_form .inlineLabels .formHint{ width: auto; /* <- Required property */ margin-top: 0; margin-left: 34%; font-size: .9em; color: #777; position: static; }
    
    .basic_form .inlineLabels .multiField{ width: 66%; /* <- Required property */ margin: 0 0 .3em 0; }
      .basic_form .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
        .basic_form .inlineLabels .multiField .inlineLabel input{ float: left; margin: 0 .5em 0 0; }
      .basic_form .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
      .basic_form .inlineLabels .multiField .blockLabel .textInput,
      .basic_form .inlineLabels .multiField .blockLabel .selectInput,
      .basic_form .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

.basic_form .ctrlHolder .textInput:focus{ outline: none; }
.basic_form .ctrlHolder textarea:focus{ outline: none; }
.basic_form div.focused .formHint{ color: #333; }

.basic_form .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.basic_form .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.basic_form .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

.basic_form #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.basic_form .error, .basic_form .error_650px { background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

  .basic_form #errorMsg dt, .basic_form #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
  .basic_form #errorMsg dd{ margin: 0; padding: 0; }
    .basic_form #errorMsg ol{ margin: 0; padding: 0; }
      .basic_form #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
    .basic_form .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }

.basic_form #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
  .basic_form #OKMsg p{ margin: 0; }
.basic_form .submit_btn { width: 72px; }
.basic_form em, .form-required { color: #F26617; }
.basic_form .ctrlHolder.submit { text-align: center; }
.basic_form .note { font-style: italic; font-size: 11px; }
.basic_form .multiField label { font-weight: normal; }
.basic_form .multiField .twocol { width: 420px; }
.basic_form .ctrlHolder .label { padding: 1em 0; }
.basic_form .multiField .twocol .col,
body.contact .basic_form .multiField .twocol .col 
 { width: 190px; padding-right: 10px; }
.basic_form .multiField .twocol .col.last,
body.contact .basic_form .multiField .twocol .col.last
 { padding-right: 0; }
.basic_form .multiField .twocol .col .inlineLabel span { width: 80%; }
.basic_form .primary_fields { padding: 10px; }
.basic_form .formHint, p.forgot_password, .basic_form .formHint span { font-size: 12px; line-height: normal; }
.basic_form .formHint, .basic_form .inlineLabels .formHint, 
.basic_form .blockLabels .formHint {
  font-size: 12px;
}
.basic_form .dates .multiField, .basic_form .blockLabels .dates .multiField {
  width: 53%;
}
.basic_form .dates label,
.basic_form .inlineLabels .dates .multiField .blockLabel,
.basic_form .dates .blockLabel, .basic_form .blockLabels .dates .blockLabel {
  width: auto;
}
.basic_form .multiField .blockLabel span {
  display: block;
}
.basic_form .multiField .blockLabel span.sep {
  display: inline;
}
.basic_form .inlineLabels .dates .multiField .blockLabel .textInput {
  display: inline;
}

.basic_form .file_uploads .fileUpload {
  clear: both;
}
.basic_form .file_uploads .formHint {
  clear: both;
  float: none;
}

.basic_form { margin-bottom: 0; }
.basic_form .col { margin-bottom: 0; }

.formContainer {
  background: transparent;
  padding: 0;
  width: auto;
}
#admin #criteriaForm .formContainer {
	width: auto;
	margin-bottom: 1em;
}
#admin.users #criteriaForm .formContainer {
	margin-bottom: 0;
}
.usersOptions #criteriaForm .formContainer {
	width: auto;
}
.formSubmitOuter {
  margin-top: 10px;
  background-color: #CCCCCC;
  padding: 5px 10px;
}
.formSubmitInner {
  background: #CCC url('../../img/skin/FormSubmitBackground.png') repeat top left;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #FFF;
  padding: 6px 40px;
  text-align: center;
}
.formSubmitInner button {
}

/* Standard Buttons */

button, a.stdBtn { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
a.stdBtn {
	display: block;
	text-decoration: none;
}

button::-moz-focus-inner, a.stdBtn::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button#chooseSupplierButton.stdBtn span{
	color: #808080 !important;
}
button#createNewBuyPlanButton.stdBtn span{
	color: #808080;
}
button#chooseCustomerButton.stdBtn span{
	color: #808080 !important;
}
button#addNoteButton.stdBtn span{
	color: #808080 !important;
}
button#addButton.stdBtn span{
	color: #808080 !important;
}
button span, a.stdBtn span { 
	position: relative;
	display: block; 
	white-space: nowrap;
	line-height: 16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
		position: relative;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn, button.stdBtn, a.stdBtn { 
	padding: 0 10px 0 0; 
	margin-right:5px; 
	font-size:13px;
	font-weight: bold;
	text-align: center;  
}
#criteriaFormInner .singleBtn button.submitBtn {
	width: 100%;
}

button.submitBtn {
	background: transparent url('../../img/skin/SubmitButtonSprites.png') no-repeat right -125px;
	width: 100px;
	border: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

button.stdBtn, a.stdBtn {
	background: transparent url('../../img/skin/StdButtonSprites.png') no-repeat right -125px;
	width: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}
	
button.submitBtn span, button.stdBtn span, a.stdBtn span {
	padding: 2px 0 0 6px; 
	height:24px; 
	color:#333; 
}

button.stdBtnDisabled span, a.stdBtnDisabled span {
	padding: 2px 0 0 6px; 
	height:24px; 
	color: gray; 
}

button.submitBtn span {
	background: transparent url('../../img/skin/SubmitButtonSprites.png') no-repeat left top; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

button.stdBtn span, a.stdBtn span {
	background: transparent url('../../img/skin/StdButtonSprites.png') no-repeat left top;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}
	
button.submitBtn:hover, button.submitBtnHover, button.stdBtn:hover, button.stdBtnHover, a.stdBtn:hover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -167px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span, button.stdBtn:hover span, button.stdBtnHover span,
a.stdBtn:hover span {
	background-position: 0 -42px;
}
button.submitBtn:focus, button.submitBtnFocus, button.stdBtn:focus, button.stdBtnFocus, a.stdBtn:focus { /* the redundant class is used to apply the hover state with a script */
	background-position: right -208px; 
}
	
button.submitBtn:focus span, button.submitBtnFocus span, button.stdBtn:focus span, button.stdBtnFocus span,
a.stdBtn:focus span {
	background-position: 0 -84px;
}


/* END Standard Buttons */

.basic_form .formSubmitInner .buttonHolder {
  /*width: 300px;*/
  max-width: 75%;
  margin: 0 auto;
}
#admin .basic_form #criteriaForm .formSubmitInner .buttonHolder {
  /*width: 300px;*/
  max-width: 100%;
  margin: 0 auto;
}
.basic_form .inlineLabels label {
  text-align: right;
}
.basic_form .threeCol .col {
  width: 30%;
}

#supplierListCBHolder {
	width: 340px;
	float: left;
}

.ctrlGroup {
  padding-right: 0;
  background: transparent url('../../img/skin/FormGroupingIndicatorRightMiddle.png') repeat-y 100% 100%;
}
.ctrlGroup .first {
  background: transparent url('../../img/skin/FormGroupingIndicatorRightTopCap.png') no-repeat 100% 0%;
}
.ctrlGroup .last {
  background: transparent url('../../img/skin/FormGroupingIndicatorRightBottomCap.png') no-repeat 100% 100%;
}

/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
      .basic_form ul{ float: left; width: 53%; margin: 0; padding: 0; }
      .basic_form td ul{ float: left; width: 75%; margin: 0; padding: 0; }
      .basic_form td .ctrlHolder {padding:0 0 4px 0;}
        .basic_form ul li{ margin: 0 0 .5em 0; list-style: none; }
          .basic_form ul li label{ margin: 0; float: none; display: block; overflow: visible; text-align: left; }
          .basic_form #criteriaForm ul li label{text-align: left;}
          .basic_form .criteriaForm ul li label{text-align: left;}
        /* Alternate layout */
        .basic_form ul.alternate li{ float: left; width: 30%; margin-right: 3%; }
        .basic_form td ul.alternate li{width:100px;}
          .basic_form ul.alternate li label{ float: none; display: block; width: 98%; }
            .basic_form ul .textInput,
            .basic_form ul .selectInput,
            .basic_form ul select,
            .basic_form ul.alternate .textInput,
            .basic_form ul.alternate .selectInput,
            .basic_form ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; }
         


/**
* Calendar datepicker widget
**/
.dateWidgetContainer {
	position: relative;
}
.datePickerField {
	width: 290px;
	height: 26px;
	background: url("../../img/datepicker/field.png");
	overflow: hidden;
	position: relative;
}
.datePickerField a 	{
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 0;
	right: 0;
	text-decoration: none;
	text-indent: -3000px;
}
.datePickerField span	{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	position: absolute;
	top: 0;
	height: 26px;
	line-height: 26px;
	left: 5px;
	width: 250px;
	text-align: center;
}
.datePickerWidget {
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 10;
	height: 0px;
	overflow: hidden;
	width: 588px;
	background: #B9B9B9;
}
.datePickerWidget .datepicker {
	position: absolute;
	bottom: 0;
	top: auto;
}
.datePickerWidget .datepickerContainer,
.datePickerWidget .datepickerBorderT,
.datePickerWidget .datepickerBorderB,
.datePickerWidget .datepickerBorderL,
.datePickerWidget .datepickerBorderR,
.datePickerWidget .datepickerBorderTL,
.datePickerWidget .datepickerBorderTR,
.datePickerWidget .datepickerBorderBL,
.datePickerWidget .datepickerBorderBR {
	background: transparent !important;
}
#widgetCalendar .datepicker a:hover{
	color: #b6f063;
}

#criteriaForm td, .criteriaForm td {
  padding: 4px;
  text-align: left;
}
#criteriaForm td[align="right"], .criteriaForm td[align="right"] {
  text-align: right;
}
#criteriaForm td[align="center"], .criteriaForm td[align="center"] {
  text-align: center;
}

.basic_form #criteriaForm #date_range label, .basic_form .criteriaForm #date_range label {
  text-align: right;
  width: 30%;
}

.basic_form td {
	vertical-align: top;
}

.ctrlHolder.dateChooser {
	width: 75%;
	padding-right: 25%;
}
.basic_form .blockCtrl .ctrlHolder .ctrlHolderInner .textInput {
	width: 70%;
}
#admin .basic_form .ctrlHolder .ctrlHolderInner .textInput {
	width: 280px;
}
#admin.users .basic_form .ctrlHolder .ctrlHolderInner .textInput {
	width: 70%;
}
#admin.users .basic_form .inlineLabels #searchFor label {
	width: 25%;
}
#admin.users .basic_form .inlineLabels #searchBy label {
	width: 15%;
}
#admin.users .basic_form .inlineLabels #searchBy select {
	width: 80%;
}
#admin .basic_form .ctrlHolder .selectBoxHolder select {
	width: 284px;
}
#customerListCBHolder, #supplierListCBHolder {
	width: 340px;
	float: left;
}
#customerListCB, #supplierListCB {
	margin-bottom: 4px;
}
#customerListCBHolder #customerListCB,
#supplierListCBHolder #supplierListCB {
	float: left;
	margin-right: 2px;
}
#supplierListContainer {
	padding: 1em;
}
.dateChooser label.icon {
	float: right;
	width: 16px;
	text-align: left;
}

.dr-textpick1.active, .dr-textpick2.active {
	border: 1px solid #06F;
	background-color: #E2EDFE;
}

.radioBtnHolder {
  width: 100px;
}

#supplierListContainer div.errorsHolder {
	clear: both;
	width: 300px;
	margin: 0 auto;
	padding: .5em;
	background-color: #FFFFCC;
  	border: 2px solid #FFCC33;
}

.errorsHolder .errorMessage {
	background-image: url('../../img/icons/message-16-warning.png');
	background-repeat: no-repeat;
	background-position: 16px 0;
	padding-bottom: 4px;
	padding-left : 45px;
	padding-top : 2px;
}

.inlineCtrl.singleCtrl {
	float: left;
	width: 200px;
}
#searchForHolder {
	width: 220px;
}
#searchByHolder {
	width: 180px;
}
#payments .inlineCtrl.singleCtrl {
	width: 230px;
}
.blockCtrl.singleCtrl {
	float: left;
	width: 140px;
}
.inlineCtrl.singleBtn {
	float: left;
	width: 100px;
}
.basic_form .inlineCtrl .inlineLabels select {
	width: 50%;
}
#payments .basic_form .inlineCtrl .inlineLabels select {
	width: 35%;
}
.basic_form .inlineCtrl .buttonHolder {
	margin: 0;
	padding: 4px 0;
}
.inlineCtrl {
	float: left;
	width: 60%;
	margin-right: 0;
}
#payments .inlineCtrl {
	margin-right: 0;
}

/* LOGIN PAGE */
#loginPage fieldset.inlineLabels .ctrlHolder {
	position : relative;
	left : 45px;
}