@charset "utf-8";
/* CSS Document */
body, p, div, ul {
	font-family: Arial, helvetica, verdana, sans-serif;
	font-size: 1.0em;
	}
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
form {
	display: inline;
	}
img {
	border: 0;
	}
a, a:visited, a:active, a:link {
	color: #004d33;
	font-weight: bold;
	text-decoration: underline;
	}
thead a, thead a:visited, thead a:link, thead a:active, th a, th a:visited, th a:active, th a:link {
	color: #fff;
	}
#cf_bodyWrapper {
	width: 1004px;
	margin: auto;
	padding: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#cf_outerDiv {  /*change on 2-1-11 added 74px to usable width*/
	width: 1004px;;
	background-color: #e3f2e9;
	margin: auto;
	text-align: left;
	}
#cf_innerDiv {
	padding: 0;
	}
	
#cf_page_header {
	width: 100%;
	height: 67px;
	margin: 0;
	padding: 0;
}
#cf_page_header #cf_header_contents {
	width: 1004px;
	margin: auto;
	padding: 0;
}
#cf_header_contents .cf_software_title {
	display: inline;
	float: right;
	vertical-align: top;
	color: #004d33;
	padding-right: 5px;
	font-variant: small-caps;
	font-size: 20pt;
	font-weight: bold;
}
#cf_header_contents .cf_company_logo {
	display: inline;
	position: relative;
	z-index: 100;
}
#cf_ajax_process_count { 
	background-color: #fff;
	font-variant: small-caps;
	font-size: 10pt;
	margin-left: 262px;
	padding-top: 6px;
	padding-bottom: 5px;
	width: 300px;
}
#cf_company_logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}
#cf_ajax_loader {
	position: absolute;
	top: -10px;
	left: 0;
	z-index: 102;
}
#cf_page_header #cf_bars {
	display: inline-box;
	width: 100%;
	position: absolute;
	top: 28px;
	right: 0px;
	z-index: 50;
}
#cf_bars #cf_bars_shift {
	width: 1007px;
	margin: auto;
	padding: 0;
	color: #fff;
	z-index: 50;
}
#cf_bars_shift #cf_bars_contents {
	margin-left: 245px;
}
#cf_bars_contents #cf_user_bar {
	background-color: #004d33;
	color: #fff;
}
#cf_user_bar .cf_user_welcome {
	float: left;
	padding-left: 10px;
	font-style: italic;
	font-weight: bold;
	font-size: 1.0em;
	}
#cf_user_bar .cf_user_options {
	margin-left: 15px;
	font-size: 0.80em;
	font-style: normal;
	}
#cf_user_bar .cf_big {
	font-size: 1.2em;
	}
#cf_user_bar .cf_system_date {
	float: right;
	margin-right: 10px;
	}
#cf_user_bar a, #cf_user_bar a:visited, #cf_user_bar a:active, #cf_user_bar a:link {
	color: #fff;
	text-decoration: underline;
	}
#cf_user_bar a:hover {
	color: #FFFF00;
	text-decoration: none;
	}
#cf_bars_contents #cf_system_menu_bar {
	background-color: #26734d;
	color: #fff;
	font-weight: bold;
	}
#cf_system_menu_bar .cf_menu_content {
	margin-left: 10px;
	margin-right: 10px;
	}
#cf_page_footer {
	background-color: #004d33;
	color: #fff;
	font-size: 9pt;
	border-top: 1px solid #333;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-variant: small-caps;
}
#cf_page_footer .cf_update {
	font-style: italic;
}
#cf_page_footer .cf_copyright {
	float: right;
	text-align: right;
}
#cf_page_footer .cf_load {
	position: relative;
	z-index: 1;
}
#prog_menu_bar {
	width: 100%;
	background-color: #4da673;
	color: #fff;
	height: 22px;
	padding-top: 2px;
	font-weight: bold;
	}
#prog_menu_bar .content {
	margin-left: 10px;
	margin-right: 10px;
	}
#screen_mask {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: #ccc;
	z-index: 500;	
	}
.progressBar1 {
	width: 175px;
	height: 15px;
	}
.simple_window {
	color: #fff;
	}
pre {
	font-size: 1.0em;
	}
h1 {
	font-size: 2.0em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #004d33;
	}
h2 {
	font-size: 1.5em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #004d33;
	}
h3 {
	font-size: 1.5em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #26734d;
	}
h4 {
	font-size: 1.5em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #4da673;
	}
h5 {
	font-size: 1.2em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #004d33;
	}
h6 {
	font-size: 1.2em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #26734d;
	}
.dateField {
	border: 6px solid #000;
	}
.dateOK {
	border: 3px solid #0F0;
	}
.dateBad {
	border: 3px solid #F00;
	}

input[type="text"],input[type="password"] {
	border: 1px solid #004d33;
	}
	
input[type="text"][disabled="disabled"], input.disabled {
	background-color: #666;
	color: #fff;
}

input[type="text"]:focus, textarea:focus, select:focus {
	border: 1px solid #f93;
	background-color: #ffc;
	color: #000;
}

.buttonActive {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #004d33;
	}
.buttonActiveSelected {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #004d33;
	border: 2px inset #004d33;
	}
.buttonDisabled {
	cursor: not-allowed;
	pointer-events: none;
	font-size: 14px;
	font-weight: bold;
	opacity: 0.5;
	}
.buttonDisabledSelected {
	cursor: not-allowed;
	pointer-events: none;
	font-size: 14px;
	font-weight: bold;
	border: 2px inset #000;
	opacity: 0.5;
	}
.fieldLabel {
	margin-bottom: 3px;
	font-weight: bold;
	color: #600;
	}
.fieldEntry {
	margin-bottom: 8px;
	}

.odd {
	background: #e3e3f4;
}

.hideme {
	clear: both;
	display: none;
	}
.showme {
	clear: both;
	display: block;
	}
	
.msgPrompt {
	color: #999999;
	font-weight: normal;
	}

legend {
	color: #004d33;
	font-weight: bold;
	}

thead, tfoot, .tableHeaderRow {
	background-color: #004d33;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

.evenRow {
	background-color: #e3f2e9;
	}

.oddRow {
	background-color: #9ecfb3;
	}

table.zebra tbody tr:nth-child(odd) {
	background-color: #9ecfb3;
}
	
.midTableHeader {
	background-color: #4da673;
	color: #fff;
}
	
.errorRow {
	background-color: #d71d23;
	}
	
.smaller {
	font-size: 0.8em;
}

.strike {
	text-decoration: line-through;
}
	
.CFerror, .CFnotice, .CFsuccess {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.CFerror {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.CFnotice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.CFsuccess {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.CFerror a {color:#8a1f11;}
.CFnotice a {color:#514721;}
.CFsuccess a {color:#264409;}

.error, .notice, .success, .errorOdd {border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.errorOdd {background:#FBA9B1;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*.error {
	color: #f00;
	font-weight: bold;
	}
.fatalerror {
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	}*/

.center {
	text-align: center;
	}
.left {
	text-align: left;
	}
.right {
	text-align: right;
	}
.justify {
	text-align: justify;
	}
.italic {
	font-style: italic;
	}
.bold {
	font-weight: bold;
	}
.bold-right {
	font-weight: bold;
	text-align: right;
	}
.bold-center {
	font-weight: bold;
	text-align: center;
	}
.bold-left {
	font-weight: bold;
	text-align: left;
	}
.centertable {
	margin-left: auto;
	margin-right: auto;
	}
.null { }
.clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
	font-size: 0;
	}
.negative_amount {
	color: #ff0000;
	}
.reversehead {
	background-color: #e3f2e9;
	color: #004d33;
	}

.inactive {
	background-color: #ccc;
}
	
/* BUTTONS */

.buttonBar a, .buttonBar button{
    display:block;
    float:left;
    margin:0 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttonBar button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttonBar button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttonBar button img, .buttonBar a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.buttonBar button img.right, .buttonBar a img.right {
    margin:0 0 -3px 3px !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttonBar button img.large, .buttonBar a img.large {
    margin:0 0 -3px 3px !important;
    padding:0;
    border:none;
    width:24px;
    height:24px;
}

/* STANDARD */

button:hover, .buttonBar a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#26734d;
}
.buttonBar a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttonBar a.positive{
    color:#529214;
}
.buttonBar a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttonBar a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttonBar a.negative, button.negative{
    color:#d12f19;
}
.buttonBar a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttonBar a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* DISABLED */

.buttonBar a.disabled, button.disabled{
	background-color: #666666 !important;
    color:#cccccc !important;
}
.buttonBar a.disabled:hover, button.disabled:hover{
    background:#000000 !important;
    border:1px solid #cccccc !important;
    color:#ffffff !important;
}
.buttonBar a.disabled:active{
    background-color:#000000 !important;
    border:1px solid #000000 !important;
    color:#fff !important;
}


/* SELECTABLE selButtonBar */
/* BUTTONS */

.selButtonBar a, .selButtonBar button{
    display:block;
    float:left;
    margin:0 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.selButtonBar button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.selButtonBar button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.selButtonBar button img, .selButtonBar a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.selButtonBar button img.right, .selButtonBar a img.right {
    margin:0 0 -3px 3px !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .selButtonBar a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#26734d;
}
.selButtonBar a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
button.selected, .selButtonBar a.selected {
	border-style: inset;
	border-width: 2px;
}

/* POSITIVE */

button.positive, .selButtonBar a.positive{
    color:#529214;
}
.selButtonBar a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.selButtonBar a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.selButtonBar a.negative, button.negative{
    color:#d12f19;
}
.selButtonBar a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.selButtonBar a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* CENTER ButtonBar */
/* BUTTONS */

.centerButtonBar {
	text-align: center;
}

.centerButtonBar a, .centerButtonBar button{
	position:relative;
    margin:0 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.centerButtonBar button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.centerButtonBar button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.centerButtonBar button img, .centerButtonBar a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.centerButtonBar button img.right, .centerButtonBar a img.right {
    margin:0 0 -3px 3px !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.centerButtonBar button img.large, .centerButtonBar a img.large {
    margin:0 0 -3px 3px !important;
    padding:0;
    border:none;
    width:24px;
    height:24px;
}

/* STANDARD */

.centerButtonBar button:hover, .centerButtonBar a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#26734d;
}
.centerButtonBar a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.centerButtonBar button.positive, .centerButtonBar a.positive{
    color:#529214;
}
.centerButtonBar a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.centerButtonBar a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.centerButtonBar a.negative, .centerButtonBar button.negative{
    color:#d12f19;
}
.centerButtonBar a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.centerButtonBar a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* DISABLED */

.centerButtonBar a.disabled, button.disabled{
	background-color: #666666 !important;
    color:#cccccc !important;
}
.centerButtonBar a.disabled:hover, button.disabled:hover{
    background:#000000 !important;
    border:1px solid #cccccc !important;
    color:#ffffff !important;
}
.centerButtonBar a.disabled:active{
    background-color:#000000 !important;
    border:1px solid #000000 !important;
    color:#fff !important;
}

/* Scrollable Table */
.ScrollTable thead tr {
/*	position: relative;*/
	z-index: 5000;
	}
.ScrollTable tbody {
	overflow-y: auto;
	overflow-x: hidden;
	}
.ScrollTable tbody tr {
/*	height: auto; */
	}
.ScrollTable tbody tr td:last-child {
	padding-right: 20px;
	}
	
	
#ProgMenu1 .NOROLL {
	color: #CCCCCC !important;
	}
	
.invalid {
	border: 1px solid #900;
	background-color: #f99;
	color: #900;
	}
	
.valid {
	border: 1px solid #363;
	background-color: #9f9;
	color: #363;
	}
	
img.link:hover {
	cursor: pointer;
}
	
.no-close .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog-titlebar {
	padding: 0.1em 0.1em !important;
}

table.right-th tbody th {
	text-align: right;
}

.ui-priority-positive {
	border: 2px solid #529214;
	color: #529214;
}

.ui-priority-negative {
	border: 2px solid #d12f19;
    color:#d12f19;
}

[data-tel] {
	cursor: pointer;
}

[data-tel]:before {
	content: url("../images/16/phone_call.png");
}


/*
COLORS USED:
#004d33 - Dark Navy Blue
#26734d - Medium-Dark Blue (Welcome Bar Color)
#4da673 - Medium Blue Sharp (Menu Bar Color)
#e3f2e9 - Really Light Blue, main div background color (oddRow color)
#9ecfb3 - Medium Blue Flat (evenRow Color)
#b7d8c2 - Medium Blue (few shades lighter than #9ecfb3)
*/