body {
	font-family: verdana, tahoma, arial, helvetica;
	background-color: #FFFFFF;
	color: #000000;
	margin: px;
}

/*********** TEMPLATE CODE ************/

table.mainContainer {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
}

table.mainContainer tr.main, table.mainContainer th.main, table.mainContainer td.main {
	border: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

div#templateHeader {
	border: 1px solid ;
	background-color: ;
	border-bottom: 0px;
	margin: 0px;
	z-index: 1;
}

div#woSearchDiv {
	float: right;
	text-align: right;
	vertical-align: middle;
	padding: 3px;
	padding-right: 5px;
}

div#masterContentLayoutDiv {
	border: 1px solid ;
}

table#masterContentLayoutTable {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 99.5%;
}

html>body table#masterContentLayoutTable {
	width: 100%;
}

table#masterContentLayoutTable td#masterContentLayoutCell {
	border: 0px;
	padding: 10px;
	margin: 0px;
}

div#templateFooter, div#templateFooter table tr td
{
	font-size: 10px;
	font-weight: bold;
	border: 1px solid ;
	border-top: 0px;
	background-color: ;
	padding: 3px;
	vertical-align: middle;
}

div#templateFooter table tr td, div#templateFooter table  {
	border: 0px;
	margin:0px;
	padding:0px;
}

div#templateFooter div a, div#templateFooter div a:visited, div#templateFooter a, div#templateFooter a:visited {
	color: ;
	text-decoration: underline;
}

div#templateCopyRight, div#templateCopyRight table tr td {
	margin-top: 5px;
	font-size: 10px;
	white-space: nowrap;
}

div#itendantMaximized {
	position: relative;
	width: 13px;
	height: 13px;
	padding:0px;
	border: 0px;
	margin: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

div.d {
	background: url(/images/desc_med.gif) center center no-repeat;
}

div.u {
	background: url(/images/asc_med.gif) center center no-repeat;
}

div#itendantMaximized a {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0px;
	left: 0px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}


table.layoutTable {
	margin:0px;
	padding:0px;
	border: 0px;
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}

table.layoutTable td {
	border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
/*********** END TEMPLATE CODE ****************/


/*********** MAIN TABS / TAB MENUS - SUCKERFISH ****************/
#nav, #nav ul {
	font-size: 10px;
	width: 100%;
	list-style: none;
	font-weight: bold;
	padding: 0px;
	padding-top: 1px;
	margin: 0px;
	z-index: 999999999;
	height: 24px;
	text-transform: uppercase;
	border: 0px;
}

#nav a {
	display: block;
	width: auto;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
}

#nav a:hover {
	color: ;
}

#nav img {
	display: none;
}

#nav a.daddy {
	background: url(/images/breadCrumb_arrow.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0px;
	width: auto;
	border: 0px;
	border-right: 1px solid ;
	background-color: ;
	padding-left: 13px;
	background:  url(/images/icon_menu_home.gif) 2px center no-repeat;
	z-index: 999999999;
}

#nav li.menucreatewo {
	background-image: url(/images/icon_menu_createwo.gif);
}

#nav li.menuviewwo {
	background-image: url(/images/icon_menu_workorders.gif);
}

#nav li.menuviewinv {
	background-image: url(/images/icon_menu_invoices.gif);
}

#nav li.menureports {
	background-image: url(/images/icon_menu_reports.gif);
}

#nav li.menuadmin {
	background-image: url(/images/icon_menu_admin.gif);
}

#nav li.menuuser, #nav li.menulogin {
	background-image: url(/images/icon_menu_account.gif);
}

#nav li.menuresetpass {
	background-image: url(/images/icon_menu_admin.gif);
}

#nav li.menuadmmicro {
	background-image: url(/images/icon_menu_admmicro.gif);
}

#nav li.selected {
	margin-top: -1px;
	border: 1px solid ;
	border-top: 1px solid ;
	border-bottom: 0px;
	background-color: ;
	z-index: 999999999;
}

#nav li.selected a {
	color: ;
}

#nav li ul {
	position: absolute;
	background-color: #FFFFFF;
	left: -999em;
	height: auto;
	width: 27.4em;
	w\idth: 26.9em;
	font-weight: normal;
	border: 0.27em solid ;
	border-left: 1px solid ;
	border-top: 1px solid ;
	margin: 0;
	margin-top: -3px;
	margin-left: -14px;
	z-index: 999999999;
}

#nav li li {
	padding-right: 1em;
	width: 26em;
}

#nav li ul li {
	border: 0px;
	border-bottom: 2px solid ;
	background-color: #FFFFFF;
	color: ;
	background-image: none;
	background-position: none;
	padding: 0px;
	border: 0px;
}

#nav li ul a {
	color: ;
	width: 26em;
}

html>body #nav li ul a {
	width: 25em;
}
#nav li ul ul {
	margin: -1.75em 0 0 27em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li ul li.sfHover {
	font-weight: bold;
	color: ;
	background-color: ;
}

#nav li ul li a:hover {
	font-weight: bold;
	color: ;
	background-color: ;
}


/*********** MAIN TABS / TAB MENUS - SUCKERFISH ***********/


/*********** SKIN COLOR DEFS, For jstl-free coloring ***********/
.skinColor01 {
	color:  ;
}

.skinColor01_background {
	background-color: ;
}

.skinColor01_border {
	border: 1px solid ;
}

.skinColor02 {
	color:  ;
}

.skinColor02_background {
	background-color: ;
}

.skinColor02_border {
	border: 1px solid ;
}

.skinTabHover {
	color:  ;
}

.skinTabHover_background {
	background-color:  ;
}

.skinTabHover_border {
	border: 1px solid ;
}

.skinLinkHover {
	color:  ;
}

.skinLinkHover_background {
	background-color:  ;
}

.skinLinkHover_border {
	border: 1px solid ;
}

/*********** END SKIN COLOR DEFS, For jstl-free coloring ***********/


/*********** GENERAL LAYOUT ***********/

hr {
	color: ;
	height: 1px;
}

div.centerBlock {
	text-align: center;
}

div.centerBlock table, div.centerBlock div, div.centerBlock p, div.centerBlock ul, div.centerBlock ol {
	margin: 0 auto;
	text-align: left;
}

div.centerBlock div.centerBlock {
	text-align: center;
}

div.loadingDiv, div.viewReportsMessageDiv {
	background: #FFFFFF url(/images/indicatorLarge.gif) no-repeat center;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	width: 98%;
	height: 98%;
	padding: 0px;
}

div#globalMessage {
	position: absolute;
	left: px;
	right: px;
	margin-left: 5%;
	margin-top: 1px;
	border: 1px solid ;
	border-top: 0px;
	background-color: #FFFFCC;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	z-index: 9999999999;
	width: 90%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}

html>body div#globalMessage {
    height: auto;
}

div#globalMessageWrap {
	margin-left: 50px;
	padding: 5px;
	float:right;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}

html>body div#globalMessageWrap {
    height: auto;
}

div.globalMessageIcon, div.globalMessageLoginIcon, div.globalMessageLoadingIcon {
	position: absolute;
	background: #E7E7B8 url(/images/warning.gif) center 5px no-repeat;
	background-color: #E7E7B8;
	width: 50px;
	border-right: 1px solid #7F7F63;
	top: 0px;
	left: 0px;
	bottom: 0px;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}

html>body div.globalMessageIcon {
    height: auto;
}

div.globalMessageLoginIcon {
	background: #E7E7B8 url(/images/message.gif) center 5px no-repeat;
}

div.globalMessageLoadingIcon {
	background: #E7E7B8 url(/images/indicatorLarge.gif) center 5px no-repeat;
}

div#globalMessageControl {
	padding: 5px;
	border-top: 1px solid #666666;
}

div#globalMessageContent {
	padding: 5px;
}

div.loginMsg span {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
}

div.loginMsg p {

}

div.viewReportsMessageDiv {
	background-image: none;
}

div.loadingDiv p, div.viewReportsMessageDiv p {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 20px;
	padding-top: 15px;
}

h1, h2, h3 {
	font-weight: bolder;
	width: auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
}

.center {
	text-align: center;
}

div.scrollDiv {
	border: 0px;
	overflow: auto;
	height: 225px;
	padding: 5px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	border: 1px solid ;
}

div.border {
	border: 1px solid ;
}

.bold {
	font-weight: bold;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

legend {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	color: ;
	font-style: italic;
}

fieldset {
	font-size: 12px;
	margin-bottom: 15px;
	border: 1px solid ;
	border-right: 2px solid ;
	border-bottom: 2px solid ;
}

/* Main table cell where the template inserts individual pages */
#pageContent {
}

a.helpLink, a.printLink, a.homeLink, a.topLink, .folderLink, a.saveFavoriteLink, a.clearParamsLink, a.genericSkinLink {
	height: 16px;
	font-size: 10px;
	font-weight: bold;
	color: ;
	background: transparent url(/images/icon_help.gif) left center no-repeat;
	padding-left: 18px;
	text-decoration: underline;
	text-transform: capitalize;
	padding-top: 3px;
}

a.helpLink:hover, a.printLink:hover, a.homeLink:hover, a.topLink:hover {
	color: ;
	text-decoration: underline;
}

a.saveFavoriteLink {
	background: transparent url(/images/icon_save_favorite.gif) left center no-repeat;
	padding-left: 17px;
	text-decoration: underline;
}

a.clearParamsLink {
	background: transparent url(/images/icon_clear_params.gif) left center no-repeat;
	padding-left: 17px;
	text-decoration: underline;
}

a.printLink {
	background: transparent url(/images/icon_printer.gif) left center no-repeat;
}

a.homeLink {
	background: transparent url(/images/icon_menu_home.gif) left center no-repeat;
}

a.genericSkinLink {
	background: transparent url(/images/color_wheel.gif) left center no-repeat;
}

a.topLink {
	background: transparent url(/images/arrow_up.gif) left center no-repeat;
}

.folderLink, .folderLink {
	background: transparent url(/images/icon_folder_open_tree.gif) left center no-repeat;
}


a:link {
	color: ;
	text-decoration: none;
}

a:visited {
    color: ;
	text-decoration: none;
}

a:hover {
	color: ;
	text-decoration: none;
}

a.tab:link, a.tab:visited, a.tab:hover {
}

a.tab:link {
	color: #ffffff;
	text-decoration: none;
}

a.tab:visited {
	color: #ffffff;
	text-decoration: none;
}

a.tab:hover {
	color: ;
	text-decoration: none;
}

a.black:link {
	color: #000000;
	text-decoration: none;
}

a.black:visited {
	color: #000000;
	text-decoration: none;
}

form {
	display: inline;
}

.centerCheckbox {
	margin:0px;
	padding:0px;
}

.inputDisabled {
  background-color: #eee;
}

.bgColor01 {
	background-color: ;
}

.bgColor02 {
	background-color: ;
}

.color01 {
	color: ;
}

.color02 {
	color: ;
}

.div-bevMain {
        background-image: url(/images/div_bevMid.gif);
        background-repeat: repeat-x;
        height: 3px;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
}
.khHead {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
}

.hidden {
    display: none;
}


/*********** END GENERAL LAYOUT ***********/


/*********** TABLES ***********/

div.smallDisplayDiv {
	width: 99%;
	position: relative;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	height: 100px;
	margin: 2px;
	display: none;
	z-index: 1;
}

html>body div.smallDisplayDiv {
	min-height: 100px;
	height: auto;
}

div.smallDisplayTableDiv {
	border: 1px solid ;
}

table.smallDisplayTable {
	position: relative;
	width: 100%;
	font-size: 9px;
	border-collapse: collapse;
}

table.smallDisplayTable td, table.smallDisplayTable td.alt, table.smallDisplayTable th {
	border: 0px;
	border-bottom: 1px solid ;
	border-right: 1px solid ;
}

table.smallDisplayTable th {
	text-align: left;
	background-color: ;
 	color: #FFFFFF;
	font-weight: bold;
}

table.smallDisplayTable td.alt {
	background-color: ;
}

div.tableWrap {
    border: 1px solid ;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

div.tableWrap p.nodata {
	padding: 5px;
	font-size: 12px;
	font-style: italic;
	margin-left: 10px;
}

div.tableWrap p.title {
    display: block;
    height: 15px;
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: ;
	margin: 0px;
    margin-bottom: 2px;
}

table.staticTable, table.staticTable tbody {
	border: 1px solid ;
	border-collapse: collapse;
}

table.staticTable th, table.staticTable td {
	border: 1px solid rgb(204, 204, 204);
	padding: 3px;
	font-size: 11px;
	text-align: left;
}

table.staticTable tr.staticSubHead {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #000000;
	background-color: ;
}

table.staticTable tr.alt {
    background-color: ;
}

table.staticTable tr.staticControls {
    background-color: #CCCCCC;
}

table.staticTable tr.staticControls td {
    border: 0px;
    padding-bottom: 4px;
}

table.formTable, table.summaryTable {
	width: auto;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div.super {
	display: inline;
	font-size: 7px;
	margin-top: -2px;
	padding-bottom: 2px;
	vertical-align: top;
	margin-left: 2px;
}

table.summaryTable tr td h3 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px;
	margin-left: -2px;
	padding: 0px;
}

table.formTable td, table.formTable td.error, table.summaryTable td, table.summaryTable td td {
	font-size: 10px;
	white-space: nowrap;
	vertical-align: top;
	padding: 3px;
}

table.formTable td.error {
	color: #cc0000;
	font-weight: bold;
}

table.summaryTable td.label {
	font-weight: bold;
	text-align: right;
}

table.formTable td label, table.summaryTable td label, .errLabel {
	font-weight: bolder;
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 4px;
	margin-right: 4px;
}

table.summaryTable td label {
	margin: auto;
}

table.summaryTable td em {
	display: none;
}

.errLabel {
	color: red;
}

table.formTable select.maxSize {
	width: 275px;
}

table.formTable tr td ul.radioGroup {
	list-style: none;
	margin:0px;
	padding:0px;
	border:0px;
}

table.formTable tr td ul.radioGroup li {
	list-style-type: none;
}

table.formTable tr td ul.radioGroup li input {
	margin-top: 3px;
	margin-bottom: -3px;
}

table.formTable tr td ul.radioGroup li label {
	float: none;
	text-align: left;
	display: inline;
	font-weight: bold;
	text-decoration: underline;
	margin-top: -2px;
}

table.formTable tr td ul.radioGroup li div {
	margin-top: 3px;
	margin-left: 21px;
	white-space: normal;
}

table.formTable tr td h2, table.summaryTable tr td h2 {
	font-size: 14px;
	font-weight: bold;
	color: ;
	text-align: center;
	background-color: ;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	padding: 2px;
	text-decoration: none;
}

tr.highlighted {
	background: #FFFFCC;
}

tr.hand {
	cursor: pointer;
	cursor: hand;
}

tr.highlighted td, tr.highlighted td a {
	color: #666666;
}

tr.selectedTableRow {
	color: ;
	background-color: ;
}

TD.bottomBorder {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 4px;
}

td.woBreadCrumbOn {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
}

td.woBreadCrumbOff {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	background-color: ;
}

.text, .even, .odd {
	font-size: 13px;
}

/*********** END TABLES ***********/


/*********** BUTTONS *************/

button.scrollBtn, button.scrollBtnLeft {
	font-size: 9px;
	cursor: pointer;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	background-color: ;
	text-align:center;
	width: 48%;
	border-bottom: 0px;
	background: url(/images/arrow_right_black.gif) center center no-repeat;
}

button.scrollBtnLeft {
	background: url(/images/arrow_left_black.gif) center center no-repeat;
}

button.scrollBtn:hover {
	background-color: #E1E1E1;
}

div#scrollTreeDiv, div#scrollTreeDiv1 {
	text-align: center;
	border-bottom: 1px solid ;
}

div#scrollTreeDiv1 {
	border-bottom: 1px solid ;
}

.button, .buttongreen, .buttonred, .selectedButton, #timeSlctButton, .buttonDisabled {
	font-size: 11px;
	font-weight: bold;
	word-spacing: -1px;
	border: 1px solid #727272;
    border-top-color: #727272;
    border-left-color:#727272;
   	border-right-color:#000000;
	border-bottom-color:#000000;
	background-color: #828282;
	color: #FFFFFF;
	cursor: pointer;
	text-transform: capitalize;
}

.buttonDisabled {
	color: #666666;
}

.button, .selectedButton, #timeSlctButton {
	background-image: url(/images/button_reg_back.gif);
	background-repeat: repeat-x;
}

.buttongreen {
	background-image: url(/images/button_green_back.gif);
	background-repeat: repeat-x;
	background-color: #669933;
}

.buttonred {
	background-image: url(/images/button_red_back.gif);
	background-repeat: repeat-x;
	background-color: #CC0000;
}

.selectedButton {
	color: ;
}

/*********** END BUTTONS *********/


/********** 7.0 TABS **********/

span#findWorkOrderText {
	font-size: 11px;
	margin-top: 0px;
}

form#woSearch input {
	text-align: center;
	font-size: 10px;
	text-transform: capitalize;
	/*background-color: ;
	color: ;
	border: 1px solid ;*/
}

span#loggedId {
	font-size: 10px;
	vertical-align: middle;
}

div#subNav {
	height: 16px;
	clear: both;
	border: 1px solid ;
	border-bottom: 0px;
	background-color: ;
	color: ;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}

div#subNav div.subTab {
	display:;
	float: left;
	height: 100%;
	border: 1px solid ;
	border-bottom: 0px;
	border-top: 0px;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

div#subNav div.subTab a {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
}

div#subNav span.subNavSpan {
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: ;
}

div#subNav span.subNavSpan a {
	color: ;
}

table#mainMenuTable {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: -7px;
	width: 100%;
	z-index: 999999999;
}

table#mainMenuTable td, table#mainMenuTable td#mainMenuTableT1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	white-space: nowrap;
}

ul#mainNav {
	border: 0px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
	white-space: nowrap;
}

ul#mainNav li.selected, ul#mainNav li {
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: middle;
	margin: 0px;
	margin-right: 2px;
	padding: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #999999;
	border: 0px;
	width: 0%;
	z-index: 9999999;
}

ul#mainNav li.selected a img, ul#mainNav li a img {
	display: none;
}

html>body ul#mainNav li.selected, html>body ul#mainNav li {
	width: auto;
}

ul#mainNav li.selected, ul#mainNav li.selected a {
	font-size: 10px;
	color: white;
}

ul#mainNav li.selected {
}

ul#mainNav li {
	background-color: ;
}

ul#mainNav li a {
	font-size: 10px;
	color: white;
}

ul#mainNav li a:visited {
	color: white;
}

ul#mainNav li.selected a:visited {
	color: white;
}


/********** END 7.0 TABS **********/



/*********** MESSAGES ***********/

div.messageDiv {
	position: relative;
	font-size: 12px;
	width: auto;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	border: 1px solid ;
	border-bottom: 3px solid ;
	border-right: 3px solid ;
	border: 1px solid #000000;
	border-bottom: 3px solid #000000;
	border-right: 3px solid #000000;
	margin-left: auto;
	margin-right: auto;
}

div.feedbackWrapper {
	position: relative;
	margin:0 auto;
}

#feedback {
	position: relative;
	height: auto;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFCC;
}

div.errorMessage {
	position: relative;
    background: url(/images/warning.gif) 18px 10px no-repeat;
	padding-left: 40px;
    min-height: 80px;
	min-width: 80px;
	border: 1px solid red;
	border-bottom: 2px solid red;
	border-right: 2px solid red;
	color: red;
	font-weight: bold;
}

div.successMessage {
	position: relative;
	min-width: 80px;
	border: 1px solid green;
	border-bottom: 2px solid green;
	border-right: 2px solid green;
	color: green;
	font-weight: bold;
	padding: 5px;
}

div.errorMessage p, div.successMessage p {
	padding-left: 20px;
}

div.errorMessage p.errorTitle {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.errorMessage p.errorMessage {
	font-size: 12px;
	font-weight: normal;
}

label.errorField {
	font-size: 12px;
	font-weight: bolder;
	color: red;
}

tr.errorRow {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}

/*********** END MESSAGES ***********/


/********** VIEW REPORTS STYLES **********/

div#saveAsFavorite, div#clearParameters {
	margin-top: 20px;
	border: 1px solid ;
	padding: 10px;
	margin-bottom: 20px;
	background-color: ;
}

div#noProperty {
	background:transparent url(/images/noPropertyImage.jpg) center center no-repeat;
	width: 270px; height: 190px;
	border: 1px solid ;
	font-size: 16px;
	color: ;
	text-align: center;
	vertical-align: middle;
}

html>body div.printIframeButton {
	margin-top: 0px;
}

td.reportViewSep
{
	width: 10px;
	vertical-align: bottom;
	background-color: ;
	padding: 0px;
	margin: 0px;
	text-align: center;
	border-left: 1px solid ;
	border-right: 1px solid ;
}

h1.reportTitle
{
	color: ;
	background-color: ;
	border-bottom: 1px solid ;
	border-top: 1px solid ;
	text-align: center;
	text-decoration: none;
	padding: 5px;
	margin-bottom: 15px;
}

div.textControls, div.reportsMessage {
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	background-color: ;
}

div.reportsMessage {
	text-align: center;
	background-color: #EFEFEF;
	border-bottom: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	margin-bottom: 5px;
	font-size: 11px;
}

iframe.displayFrame, iframe.displayFrameBorder
{
	width: 100%;
	height: 100%;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

iframe.displayFrameBorder
{
	border: 1px solid ;
}

/********** END VIEW REPORTS STYLES **********/



/********** BREADCRUMBS **********/
#breadCrumbs {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#breadCrumbs ul {
	margin: 0px;
	padding: 0px;
}

#breadCrumbs ul li, #breadCrumbs ul li.first, #breadCrumbs ul li.last, #breadCrumbs ul li.single {
	float: left;
	list-style-type: none;
	margin: 0px;
	margin-bottom: 5px;
	margin-right: 6px;
	padding: 0px;
	padding-right: 13px;
	background-image: url(/images/breadCrumb_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#breadCrumbs ul li.first {}

#breadCrumbs ul li.last, #breadCrumbs ul li.single {
	background: none;
	padding-right: 0px;
	margin-right: 0px;
	font-weight: bold;
	font-style: italic;
}

#breadCrumbs ul li.single a{
	font-style: normal;
	font-weight: bold;
}

#breadCrumbs ul li a, #breadCrumbs ul li.first a, #breadCrumbs ul li.last a {
	font-weight: normal;
}

/********** END BREADCRUMBS **********/



/********** POPUPDIV **********/

div.popupDiv, #sitePicker, #helpPopupDiv {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 1000000;
	border: 1px solid ;
	border-right: 2px solid ;
	border-bottom: 2px solid ;
	right: 0px;
	top: 0px;
	padding: 0px;
}

/********** END POPUPDIV **********/



/********** HELP **********/
#helpPopupDiv {
	background-color: ;
	padding: 10px;
}

#helpDivIndicator {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 16px;
	right: 16px;
	background-image: url(/images/indicator.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#helpDivDocument {
	font-size: 12px;
	position: relative;
	overflow: auto;
	height: 88%;
	border: 1px solid ;
	border-left: 2px solid ;
	border-top: 2px solid ;
	background-color: #FFFFFF;
	padding: 5px;
}

/********** END HELP **********/


/********** SITE SWITCHER **********/

span#siteSwitcherSpan {
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: ;
	padding-right: 10px;
	padding-bottom: 5px;
}

span#siteSwitcherSpan a {
	color: ;
}

#sitePicker {
	text-decoration: none;
}

table#siteSwitcher {
	 width: auto;
	 margin: 0px;
	 padding:0px;
	 border-collapse: collapse;
	 color: ;
}

table#siteSwitcher tr th, table#siteSwitcher tr td, table#siteSwitcher tr td a {
	font-size: 10px;
	font-weight: bold;
	padding: 4px;
}

table#siteSwitcher tr th {
	padding-bottom: 5px;
	font-size: 12px;
}

table#siteSwitcher tr td {
	border-top: 1px solid ;
}

table#siteSwitcher tr td.hot, table#siteSwitcher tr td.hot a {
	color: blue;
}

table#siteSwitcher tr {
	cursor: pointer;
	cursor: hand;
}

table#siteSwitcher tr.odd {
	background-color: ;
}

table#siteSwitcher tr.even {
	background-color: #FFFFFF;
}

/********** END SITE SWITCHER **********/



/********** AJAX PAGE INDICATOR ********/

div.pageRequestIndicator {
	height: 15px;
	width: 15px;
	margin-left: 5px;
	float:right;
}

div.pageRequestIndicatorOver {
	background: url(/images/indicator.gif) center center no-repeat;
}

/********** END AJAX PAGE INDICATOR ********/


/********** TEXT *************/

.textSmall, span.pagebanner, span.pagelinks, .exportlinks {
	font-size: 11px;
}

.textBig {
	font-size: 15px;
}

.textNoWrap {
	font-size: 13px;
	white-space: nowrap
}

.textTab {
	font-size: 10px;
	font-weight: bold;
	word-spacing: 0px;
	color: #000000;
}

.textPageTitle {
	font-size: 16px;
	font-weight: bold;
	color: ;
}

.textPageTitleSmall {
	font-size: 12px;
	font-weight: bold;
	color: ;
}

.textPageTitleStatic {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}

.text2 {
	font-size: 11px;
	color: #000000;
}

.text3 {
	font-size: 13px;
	color: #000000;
}

.textNav {
	font-size: 11px;
}

.textNavFunc {
	font-size: 11px;
	color: #FFFFFF;
}

.textHeader {
	font-size: 13px;
	color: #FFFFFF;
}

.textLabel {
	font-size: .7em;
}

.textFormLabel {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
}

.textFormLabelColor {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	text-align: right;
	background-color: ;
}

.textErrorCell {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #ffffff;
	background-color: #cc0000;
}

.textCellNoWrap {
	font-size: 13px;
	background-color: #ffffff;
	white-space: nowrap
}

.textCellNoWrapSmall {
	font-size: 11px;
	background-color: #ffffff;
	white-space: nowrap
}

.textRequired, table.formTable td label em {
	color: #cc0000;
	font-size: 12px;
	font-weight: bold;
}

.noWrap {
	white-space: nowrap;
}

.tableHead {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #ffffff;
	background-color: ;
}

.tableHeadSmall {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #ffffff;
	background-color: ;
}

/******** END TEXT *******/



/*****  FILTER TABLES *****/

.filterTable {
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

.filterTable td {
	padding: 3px;
	white-space: nowrap;
}

.tableSubHead, .filterTable th {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #000000;
	background-color: ;
}

.filterTable th {
	text-align: left;
	padding-left: 2px;
}



/******** TABS **********/
ul.innerTab,
ul.innerTabReverse {
	position: relative;
	margin-left: 0;
	padding-left: 0;
	display: block;
	font-weight: bold;
}

ul.innerTab li, ul.innerTab li.first,
ul.innerTabReverse li, ul.innerTabReverse li.first {
	position: relative;
	z-index: 200;
	margin-left: -1px;
	display: inline;
	border: 1px solid ;
	border-right: 2px solid ;
	background-color: #666666;
	color: white;
	border-bottom: 0px;
	padding: 0px 3px 0px;
	list-style: none;
	font-size: 9px;
}

ul.innerTab li a,
ul.innerTabReverse li a {
	color: #FFFFFF;
}

ul.innerTab li a:hover,
ul.innerTabReverse li a:hover {
	color: ;
}

ul.innerTab li a:visited,
ul.innerTabReverse li a:visited {
	color: #FFFFFF;
}

ul.innerTab li.chosen, ul.innerTab li.selected,
ul.innerTabReverse li.chosen {
	background-color: ;
	color: ;
	font-size: 11px;
	border-bottom: 0px;
	border-left: 1px solid;
}

ul.innerTab li.selected a {
	color: ;
	text-decoration: none;
}

ul.innerTabReverse li.chosen {
	border-bottom: 2px solid ;
	border-top: 0px;
}

ul.innerTabReverse li,  ul.innerTabReverse li.first {
	border-bottom: 1px solid ;
	border-top: 0px;

}

div.testDiv {
	width: 100%; height: 100px; border: 1px solid black; background-color: ; padding: 5px;
}

div.tabbedDiv, div.tabbedDivReverse {
	position: relative;
	font-size: 11px;
	margin-top: 10px;
	text-align: left;
	margin-bottom: -1px;
}

div.tabbedDivReverse {
	margin-top: 0px;
}

div.tabbedDiv div.tabbedDivText, div.tabbedDiv div.tabbedDivTextInner, div.tabbedDiv div.tabbedDivTextAlt, div.tabbedDiv div.tabbedDivTextAltInner,
div.tabbedDivReverse div.tabbedDivText, div.tabbedDivReverse div.tabbedDivTextInner, div.tabbedDivReverse div.tabbedDivTextAlt, div.tabbedDivReverse div.tabbedDivTextAltInner {
	position: relative;
	display: inline;
	border: 1px solid ;
	border-right: 2px solid ;
	border-bottom: 0px;
	background-color: ;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

div.tabbedDivReverse div.tabbedDivText, div.tabbedDivReverse div.tabbedDivTextInner, div.tabbedDivReverse div.tabbedDivTextAlt, div.tabbedDivReverse div.tabbedDivTextAltInner {
	border-top: 0px;
	border-bottom: 2px solid ;
}

div.tabbedDiv div.tabbedDivTextInner, div.tabbedDivReverse div.tabbedDivTextInner {
	margin-left: 0px;
	margin-right: 0px;
}

div.tabbedDiv div.tabbedDivTextAlt, div.tabbedDiv div.tabbedDivTextAltInner,
div.tabbedDivReverse div.tabbedDivTextAlt, div.tabbedDivReverse div.tabbedDivTextAltInner {
	font-size: 9px;
	background-color: #666666;
	padding-top: 0px;
	border-right: 1px;
}

div.tabbedDivReverse div.tabbedDivTextAlt, div.tabbedDivReverse div.tabbedDivTextAltInner,
div.tabbedDivReverse div.tabbedDivText, div.tabbedDivReverse div.tabbedDivTextInner {
	margin-bottom: 2px;
}

div.tabbedDiv div.tabbedDivTextAltInner,
div.tabbedDivReverse div.tabbedDivTextAltInner {
	margin-left: 0px;
	border-right: 2px;
}

div.tabbedDiv div.tabbedDivText a, div.tabbedDiv div.tabbedDivTextAlt a, div.tabbedDiv div.tabbedDivTextInner a, div.tabbedDiv div.tabbedDivTextAltInner a,
div.tabbedDivReverse div.tabbedDivText a, div.tabbedDivReverse div.tabbedDivTextAlt a, div.tabbedDivReverse div.tabbedDivTextInner a, div.tabbedDivReverse div.tabbedDivTextAltInner a {
	text-decoration: underline;
	font-weight: bolder;
	padding-right: 5px;
	padding-left: 5px;
}

div.tabbedDiv div.tabbedDivTextAlt a, div.tabbedDiv div.tabbedDivTextAltInner a,
div.tabbedDivReverse div.tabbedDivTextAlt a, div.tabbedDivReverse div.tabbedDivTextAltInner a {
	color: white;
	text-decoration: none;
}

div.tabbedDiv div.tabbedDivText a:hover, div.tabbedDiv div.tabbedDivTextAlt a:hover, div.tabbedDiv div.tabbedDivTextInner a:hover, div.tabbedDiv div.tabbedDivTextAltInner a:hover,
div.tabbedDivReverse div.tabbedDivText a:hover, div.tabbedDivReverse div.tabbedDivTextAlt a:hover, div.tabbedDivReverse div.tabbedDivTextInner a:hover, div.tabbedDivReverse div.tabbedDivTextAltInner a:hover {
	color: ;
}

div.tabbedDiv div.tabbedDivSummary {
	font-size: 9px;
	border: 1px solid ;
	border-right: 2px solid ;
	border-bottom: 2px solid ;
	background-color: ;
	padding: 2px;
}

div.tabbedDivContent {
	position: relative;
	height: 1px;
	background-color: #FFFFFF;
	border: 1px solid ;
	border-right: 2px solid ;
	border-bottom: 2px solid ;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 0px;
	z-index: 5;
}

html>body div.tabbedDivContent {
	height: auto;
	min-height: 1px;
}

/******** TABS **********/


/****** LEGACY TABLES ******/

.tableSubHR {
	color: ;
	border: 1px solid ;
	width: 100%;
}

.fullTable {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.fullTable td {
	padding: 0px;
	margin: 0px;
}

.tableSubHeadGrey, .display-table thead {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #000000;
	background-color: #cccccc;
}

.tableCellData {
	font-size: 13px;
	padding-right: 1em;
	white-space: nowrap;
	color: #000000;
	background-color: #ffffff;
}

.tableCellDataColor {
	font-size: 13px;
	padding-right: 1em;
	white-space: nowrap;
	color: #000000;
	background-color: ;
}

/****** END LEGACY TABLES ******/



/******* DISPLAY TAG *******/

td.even, .even {
    background-color: #f3f3f3;
}

td.odd, .odd {
    background-color: #ffffff;
}

table.display-table {
  width: 100%;
  margin: 5px 0 5px 0;
  border-collapse: collapse;
}

table.display-table th a, table.display-table th a:visited {
  color: black;
}

table.display-table th a:hover {
  text-decoration: underline;
}

table.display-table th, table.display-table th.sorted, table.display-table th.sortable, table.display-table th.order1, table.display-table th.order2 {
	font-size:11px;
	white-space: normal;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
}

table.display-table th.sorted a, table.display-table th.sortable a, table.display-table th.order1 a, table.display-table th.order2 a {
	background-repeat: no-repeat;
	background-position: right;
	padding: 3px;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
}

table.display-table th.sorted a {
}

table.display-table th.sortable a {
	background-image: url(/images/order_arrow_off.png);
}

table.display-table th.order1 a {
	background-image: url(/images/order_arrow_down.png);
}

table.display-table th.order2 a {
	background-image: url(/images/order_arrow_up.png);
}

table.display-table th, table.display-table td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: middle;
}

table.display-table thead {
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	color: #000000;
	background-color: ;
}

table.display-table td, table.display-table td.even, table.display-table td.odd {
	font-size: 11px;
	border-top: 1px solid #CCCCCC;
}

span.pagebanner, span.pagelinks, .exportlinks {
	background-color: #eee;
	margin: 0px 5px 0px 0px;
	padding: 2px;
	padding-right: 0px;
	width: 100%;
	display: block;
}

/* Reduce the size of the text in the rows in the hotbox */
#hotbox .text {
	font-size: 11px;
}

/* Reduce the size of the text in the rows in the work order list */
#wolist .text {
	font-size: 11px;
}


/******* END DISPLAY TAG *******/

div.userPicker {
	position: relative;
	margin: 5px;
	border: 1px solid 	;
	overflow: auto;
	width: 100%;
	border: 2px dotted red;
	font-size: 11px;
}

div.userPicker #title {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	border-bottom: 1px solid	;
	background-color: ;
	vertical-align: middle;
	color: ;
	padding: 3px;
}


/********* FILTER COMBOS ***************/

div.batchActions {
	line-height: 25px;
	font-size: 10px;
	margin: 3px;
	margin-top: 0px;
	padding: 2px;
	text-align: right;
	background-color: #FFFFCC;
	border-bottom: 1px solid ;
}

#filtersDiv {
	padding: 7px;
}

.filterBoxParent {

}

.filterGoParent {
	position: relative;
	clear: both;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding: 7px;
	border-top: 1px solid ;
}

.filterBox {
    float: left;
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
    width: 100px;
    height: 50px;
}

html>body .filterBox {
	width: auto;
	height: auto;
	min-width: 100px;
	min-height: 50px;
}

/* label */
.filterBox div.label {
    white-space: nowrap;
    font-weight: bolder;
    font-size: 11px;
    padding: 2px;
    padding-bottom: 0px;
    width: 100%;
    text-decoration: underline;
}

/* component */
.filterBox div.component {
    padding: 2px;
	z-index: 0;
	font-size: 12px;
	white-space: nowrap;
	width: 100%;
}

.filterBox div.component select {
	margin-top: 2px;
	font-size: 13px;
}

/********* END FILTER COMBOS ***************/


/********* NESTED DIVS *******/

div.headerDiv {
	position: relative;
	margin: 5px;
	margin-left: 3 auto;
	margin-right: 3 auto;
	padding: 5px;
	border: 1px solid ;
	font-size: 11px;
}

div.headerDiv div.headerTitle {
	position: relative;
	color: ;
	margin-top: -5px;
	margin-left: -5;
	margin-right: -5;
	margin-bottom: 5px;
	background-color: ;
	padding: 3px;
	border-bottom: 1px solid ;
	font-size: 12px;
	font-weight: bolder;
}

/* For nested headerDiv's after the parent headerDiv, reduce the right margin for more space. */
div.headerDiv div.headerDiv {
	margin-right: -2px;
}

/********* END NESTED DIVS *******/



/********** LAYOUT ************/

div.columnContainer, div.twoColumnLeft, div.twoColumnRight {
	position: relative;
	height: 1px;
}

html>body div.columnContainer, html>body div.twoColumnLeft, html>body div.twoColumnRight {
	min-height: 1px;
	height: auto;
}

div.twoColumnLeft, div.twoColumnRight {
	width: auto;
	vertical-align: top;
	text-align: left;
	border: 0px;
}

div.columnContainer {
	width: 100%;
	border: 0px;
}

div.twoColumnLeft {
	float: left;
	margin-right: 10px;
}

div.twoColumnRight {
	border-left: 1px solid ;
	float: left;
}

/********** END LAYOUT ************/


/******** AJAX *********/

div.auto_complete {
    position: absolute;
	background-color: #FFFFFF;
	border: 1px solid ;
	z-index: 2000000;
    width: 350px;
}

ul.autoCompleteList  {
	background-color: white;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 11px;
}

ul.autoCompleteList li.selected, ul.autoCompleteList li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
    border-bottom: 1px solid #E8E8E8;
}

/*ul.autoCompleteList li.selected a, ul.autoCompleteList li a, html>body ul.autoCompleteList li.selected a, html>body ul.autoCompleteList li a {
	margin: 0px;
	margin-top: -5px;
	padding: 0px;
	border: 0px;
}*/

html>body ul.autoCompleteList li.selected, html>body ul.autoCompleteList li {
	padding: 2px;
}

ul.autoCompleteList li.selected {
	background-color: darkblue;
	color: ;
	cursor: pointer;
	cursor: hand;
}

ul.autoCompleteList li {
	color: ;
	cursor: pointer;
	cursor: hand;
}

ul.autoCompleteList li div.image {
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
	background-color: white;
}

ul.autoCompleteList li div.name {
	font-weight:bold;
	font-size:12px;
	color: red;
	background-color: white;
}

ul.autoCompleteList li div.email {
	font-size:10px;
	background-color: white;
}

div.propertiesDiv {
	position: absolute;
	font-size: 11px;
	width: 550px;
	height: 350px;
	top: 0px;
	right: 0px;
	border: 1px solid #000000;
	border-right: 4px solid #000000;
	border-bottom: 4px solid #000000;
	background-color: #FFFFCC;
	padding: 5px;
	overflow: auto;
}

div.propertiesCloseDiv {
	position: absolute;
	right: 0px;
	top: 0px;
	border: 1px solid red;
}

/******** END AJAX *********/


/******** WORK ORDER THRESHHOLDS **********/

.timerDisplay {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	cursor: default;
}

.threshholdDefault {
	background-color: yellow;
}

/******** END WORK ORDER THRESHHOLDS **********/



/******* COLOR PICKER STYLES *********/
/* color picker control div for choosing the color */
div.colorPreviewDiv {
	cursor: pointer;
	margin: 3px;
	width: 15px; height: 15px;
	border: 1px solid ;
}

/* place holder for color inputs */
input.colorInputField {
}

#timeDiv {
	padding: 10px;
}

#timeSlctTable th {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: ;
}

#timeSlctResultDiv {
	text-align: right;
}

div.timeSlctDiv, div.timeSlctDivAlt {
	font-size: 10px;
	padding: 1px;
	margin: 1px;
	border: 1px solid ;
	background-color: ;
}

#timeResultMinutes, #timeResultHours {
	font-size: 12px;
	font-weight: bold;
	color: ;
}

#timeResultMinutes {
	margin-right: 20px;
}


div.timeSlctDivAlt {
	background-color: ;
}