/*******************/
/*                 */
/* CSS RESET
/*                 */
/*******************/ 

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,
    dl, dt, dd, ol, ul, li, fieldset, form, label, legend,   caption,  .row, 
    article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {display: block;}
    body {line-height: 1;}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}      
    del,ins{text-decoration:none;} 
    caption{text-align:left;}
    h1,h2,h3,h4,h5,h6{font-weight:normal;}
    q:before,q:after{content:'';}
    abbr,acronym{border:0;font-variant:normal;}
    sup{vertical-align:baseline;}sub{vertical-align:baseline;}
    legend{color:#000;}
    input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
    input,button,textarea,select{*font-size:100%;} 

    input[type="text"]:disabled
    {
    background:#dddddd;border:1px solid #bbb;
    }
    td img
    {vertical-align:middle
    }
body {
    font-family: Verdana,Arial !important;
    padding-right: 10px !important;
}

.clsMainWindowForm
{
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    background: #f7f7f7 !important; /* Old browsers */ 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
    *border:1px solid #bbb; 

    PADDING-RIGHT: 1pt; 
    PADDING-LEFT: 1pt;
    PADDING-BOTTOM: 1pt;
    MARGIN: 0pt; 
    COLOR: black;
    LINE-HEIGHT: 0;
    PADDING-TOP: 1pt; 
    FONT-FAMILY: Arial;
    LETTER-SPACING: 0pt; 
    TEXT-ALIGN: left
}
.clsASPBody {
    padding-right: 0px;
    background-position: center bottom;
    padding-left: 0px;
    right: 0px;
    left: 0px;
    /*background-image: url(..\AppGraphics\pattern.gif);*/
    height: 100%;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-repeat: repeat;
    position: absolute;
    top: 0px;
    background-color: #f1f3f6;
    background: #f1f3f6;
}
.clsSMInputField
{
    FONT: 8pt Arial;
    TEXT-TRANSFORM: none;
    COLOR: black;
    TEXT-ALIGN: left
}
.clsPopUp
{
	font-size: 9pt;
	margin: 0px;
	color: black;
	font-family: Arial;
	background-color: whitesmoke;
}
.clsColHeaderCenter
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-weight: bolder;
	font-size: 8pt;
	background-image: url(..\AppGraphics\colBackground.bmp);
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	background-repeat: repeat-x;
	font-family: Arial;
	background-color: #6972ff;
	text-align: center;
}
/*.clsFormHeader
{
 	font-weight: bold;
	font-size: 12pt; 
	text-transform: capitalize;
	width: 100%;
	color: white;
	background-repeat: repeat-y;
	font-family: Arial;
	height: 36px; 
	text-align: left;
    background-color: #0073E5;
    padding:2px 0 2px 0;
    background: #0073E5; /* Old browsers */
   
/*}*/
.clsFormHeader
{
    padding:2px 10px 2px 5px !important;
   
    font-weight: bold;
    font-size: 12pt;
      
    color: white; 
    font-style: normal;
    font-family: Arial;
    height: 45px;
    vertical-align: top;
    
    text-align: left;
    font-variant: normal; 
    background-color: #1a73e8 !important; 
   background-origin: content-box;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2), 0 3px 3px -2px rgba(0,0,0,0.14), 0 1px 8px 0 rgba(0,0,0,0.12);
    box-sizing: border-box;
   
    border-bottom: none
    
	/*background-color: #2cacf1 !important;*/
    
    /*background: #2cacf1 !important;*/ /* Old browsers */
    
    
}


.clsFormMenu
{
    BORDER-RIGHT: white thin;
    BORDER-TOP: white thin;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: white thin;
    COLOR: yellow;
    BORDER-BOTTOM: white thin;
    FONT-FAMILY: Verdana;
    HEIGHT: 19px;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center;
    FONT-COLOR: white
}
.clsButtonGo
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\go.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 20pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}

.clsButtonLookup
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\finder.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 60pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonPrint
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\Print.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 60pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonDelete
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\Delete.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 60pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsDeleteButton
{
    height: 26px;
    padding: 2px 5px;
    *padding:2px 0px !important;
    border: 1px solid #BBB;
    border-radius: 2px;
    color: #222;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    background-color: #F8F8F8;
    border-color: #BBB;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
    background-image: linear-gradient( #F8F8F8, #ECECEC);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    text-transform: uppercase;   
}
.clsButtonSubmit
{
    height: 26px;
    padding: 2px 5px;
    *padding: 2px 0px;
    border: 1px solid #CF0404;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    background-color: #ff3019;
    border-color: #CF0404;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25); 
    background-image: -o-linear-gradient( #ff3019, #CF0404);
    background-image: -ms-linear-gradient( #ff3019, #CF0404);
    background-image: -moz-linear-gradient( #ff3019, #CF0404);
    background-image: -webkit-linear-gradient( #ff3019, #CF0404);
    background-image: linear-gradient( #ff3019, #CF0404);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    text-transform: uppercase;   
}
.clsTableHeader
{
    BORDER-RIGHT: olive thin;
    BORDER-TOP: olive thin;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: olive thin;
    COLOR: black;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: olive thin;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
.clsColumnHeaderLeft
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    HEIGHT: 25px;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: left
}
.clsColumnHeaderRight
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    HEIGHT: 25px;
    BACKGROUND-COLOR: paleturquoise;
    TEXT-ALIGN: right
}
.clsColumnHeaderCenter
{
    padding: 5px;
text-align: center;
border: 1px solid #DDD;
background: #F6F6F6;
font-weight: bold;
color: #0073EA;
text-align: center; 
-webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); 
border-left: solid 1px #bbb;
font-size: 11px;
}
.clsColumnHeaderCenter:hover {
color: #fff; 
background: #0073EA;
font-weight: bold;
cursor:pointer;
color: white !important;
-webkit-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
}
.clsColumnHeaderCenter_old
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: lightsteelblue;
    TEXT-ALIGN: center
}
.clsPUPColumnHeaderLeft
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    HEIGHT: 25px;
    BACKGROUND-COLOR: paleturquoise;
    TEXT-ALIGN: left
}
.clsPUPColumnHeaderRight
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    HEIGHT: 25px;
    BACKGROUND-COLOR: paleturquoise;
    TEXT-ALIGN: right
}
.clsPUPColumnHeaderCenter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: 'Arial';
    HEIGHT: 25px;
    BACKGROUND-COLOR: paleturquoise;
    TEXT-ALIGN: center
}
.clsCurrentData
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: sans-serif;
    BACKGROUND-COLOR: whitesmoke
}
.clsActiveData
{
    CLEAR: left;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 8pt;
    CURSOR: hand;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    LETTER-SPACING: 0pt;
    BACKGROUND-COLOR: white 
}
.clsPUPActiveData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: blue;
    FONT-FAMILY: sans-serif;
    BACKGROUND-COLOR: white
}
.clsInputLabelLeft
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    MARGIN: 1pt;
    FONT: lighter 9pt Arial;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: black thin;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: black thin;
    TEXT-ALIGN: left
}
.clsInputLabelRight
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    MARGIN: 1pt;
    FONT: lighter 9pt Arial;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: black thin;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: black thin;
    TEXT-ALIGN: right
}
.clsInputLabelCenter
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    MARGIN: 1pt;
    FONT: lighter 8pt Arial;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: black thin;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: black thin;
    TEXT-ALIGN: center
}
.clsSMInputLabelLeft
{
    FONT: 8pt Verdana;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: left
}
.clsSmInputLabelLeft tr td
{
    FONT: 9pt Sans-Serif;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: left
}
.clsSMInputLabelRight
{
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: right;
    FONT-VARIANT: normal
}
.clsSMInputLabelCenter
{
    FONT: 8pt Sans-Serif;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: center
}
.clsInputFieldLeft
{
    FONT: lighter small-caps 8pt Arial;
    COLOR: black;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
.clsInputFieldRight
{
    FONT: 10pt Arial;
    COLOR: black;
    TEXT-ALIGN: right
}
.clsInputFieldActive
{
    BORDER-TOP-WIDTH: 2px;
    BORDER-LEFT-WIDTH: 2px;
    BORDER-LEFT-COLOR: blue;
    BORDER-BOTTOM-WIDTH: 2px;
    BORDER-BOTTOM-COLOR: blue;
    FONT: 10pt Arial;
    COLOR: blue;
    BORDER-TOP-COLOR: blue;
    BORDER-RIGHT-WIDTH: 2px;
    BORDER-RIGHT-COLOR: blue
} 
H1
{
    FONT: bold 18pt verdana;
    COLOR: navy
}
A:link
{
	font-weight: bold;
	color: blue;
	text-decoration: none;
}
A:visited
{
	font-weight: bold;
	color: blue;
	text-decoration: none;
}
A:hover
{
    TEXT-DECORATION: underline
}
.clsMiniMessage
{
    FONT-SIZE: 8pt;
    COLOR: aqua;
    FONT-FAMILY: 'MS Sans Serif';
    BACKGROUND-COLOR: navy
}
.clsTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14pt;
    BACKGROUND-IMAGE: url(../AppGraphics/formHeaderPattern.gif);
    COLOR: aqua;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline
}
.clsTableTitle
{
    FONT-SIZE: 14pt;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center
}
.clsPUPTableTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center
}
.clsGroupHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}
.clsSearchTitleBar
{
    BORDER-RIGHT: thin;
    BORDER-TOP: thin;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    BORDER-LEFT: thin;
    COLOR: black;
    BORDER-BOTTOM: thin;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: darkturquoise;
    TEXT-ALIGN: center
}
.clsButtonMenuBar
{
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: capitalize;
    COLOR: white;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: 'Arial';
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #0033cc;
    BORDER-BOTTOM-STYLE: none
}
.clsSearchASPBody
{
    BACKGROUND-COLOR: white
}
.clsSearchResultsBar
{
    FONT-WEIGHT: bolder;
    WIDTH: 100%;
    COLOR: #336699;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}
.clsColumnHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: navy;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: lightgreen
}
.clsButtonClear
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\clear.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 60pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonWoAttachment
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_attachment.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonWoClose
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_close.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonWoJobPlan
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_jobplan.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonWoCompNotice
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_comp_notice.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonWoJobCost
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_jobcost.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonWoSummary
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_summary.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonReturnToEdit
{
    BACKGROUND-IMAGE: url(..\AppGraphics\returnToEdit.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonLaborActive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\labor_active.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonLaborInactive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\labor_inactive.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonMaterialActive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\material_active.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonMaterialInactive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\material_inactive.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonEqpActive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\eqp_active.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonEqpInactive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\eqp_inactive.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonCutActive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\cut_active.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonCutInactive
{
    BACKGROUND-IMAGE: url(..\AppGraphics\cut_inactive.gif);
    WIDTH: 80pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 20pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonReserveParts
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\reserve_parts.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 100pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonUndoReserveParts
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\undo_reserve.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 100pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonRequestParts
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\request_parts.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 100pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonNext
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\next.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 60pt;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonPrevious
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\previous.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 70pt;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsSubGroupHeader
{
    FONT-WEIGHT: bolder;
    COLOR: blue;
    FONT-FAMILY: Arial
}
.clsGroupHeaderCenter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center
}
.clsButtonAssignBuyer
{
    BACKGROUND-IMAGE: url(..\AppGraphics\assign_buyer.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsWarningClass
{
    COLOR: red;
    BACKGROUND-COLOR: gold
}
.clsButtonActivate
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\activate.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 60pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 21pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsButtonEstimateDetail
{
    BACKGROUND-IMAGE: url(..\AppGraphics\est_detail_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonIssueSo
{
    BACKGROUND-IMAGE: url(..\AppGraphics\issue_wo_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonEstimateCost
{
    BACKGROUND-IMAGE: url(..\AppGraphics\est_cost_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonVoidEstimate
{
    BACKGROUND-IMAGE: url(..\AppGraphics\void_estimate_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    TEXT-ALIGN: center
}
.clsButtonSaveAs
{
    BACKGROUND-IMAGE: url(..\AppGraphics\save_est_as_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonActualVsEst
{
    BACKGROUND-IMAGE: url(..\AppGraphics\actual_vs_est_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsSmallActiveDataEven
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    CURSOR: hand;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: gainsboro
}
.clsSmallActiveDataOdd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    CURSOR: hand;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #dcdcc3
}
.clsSmallColumnHeaderCenter
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: navy;
    FONT-FAMILY: Verdana;
    HEIGHT: 25px;
    BACKGROUND-COLOR: darkgray;
    TEXT-ALIGN: center
}
.clsRow
{
    BORDER-RIGHT: gray thin solid;
    PADDING-RIGHT: 1pt;
    BORDER-TOP: white thin solid;
    PADDING-LEFT: 1pt;
    PADDING-BOTTOM: 1pt;
    MARGIN: 1pt;
    BORDER-LEFT: white thin solid;
    COLOR: blue;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: gray thin solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
 

.clsButton
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    BORDER-TOP-STYLE: outset;
    BORDER-RIGHT-STYLE: outset;
    BORDER-LEFT-STYLE: outset;
    HEIGHT: 18pt;
    BORDER-BOTTOM-STYLE: outset  
}
 
.clsButtonJobCost
{
    BACKGROUND-IMAGE: url(..\AppGraphics\job_cost.gif);
    WIDTH: 60pt;
    HEIGHT: 21pt;
    TEXT-ALIGN: right
}
.clsImageClear
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\clear.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 30pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    HEIGHT: 30pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsRow
{
    BORDER-RIGHT: gray thin solid;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: white thin solid;
    PADDING-LEFT: 2pt;
    PADDING-BOTTOM: 2pt;
    MARGIN: 2pt;
    BORDER-LEFT: white thin solid;
    COLOR: black;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: gray thin solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
.clsTable
{ 

     box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    background: #f7f7f7 !important; /* Old browsers */ 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
    *border:1px solid #bbb; 

    PADDING-RIGHT: 1pt; 
    PADDING-LEFT: 1pt;
    PADDING-BOTTOM: 1pt;
    MARGIN: 0pt; 
    COLOR: black;
    LINE-HEIGHT: 0;
    PADDING-TOP: 1pt; 
    FONT-FAMILY: Arial;
    LETTER-SPACING: 0pt; 
    TEXT-ALIGN: left
}
.clsTableAlignRight
{
    BORDER-RIGHT: gray thin solid;
    PADDING-RIGHT: 1pt;
    BORDER-TOP: white thin solid;
    PADDING-LEFT: 1pt;
    PADDING-BOTTOM: 1pt;
    MARGIN: 0pt;
    BORDER-LEFT: white thin solid;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: gray thin solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: right
}
.clsButtonRunQuery
{
    BACKGROUND-IMAGE: url(..\AppGraphics\runquery.gif);
    WIDTH: 30pt;
    HEIGHT: 30pt;
    BACKGROUND-COLOR: transparent
}
.clsButtonJobCost
{
    BACKGROUND-IMAGE: url(..\AppGraphics\job_cost.gif);
    WIDTH: 30pt;
    HEIGHT: 28pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsTableRow
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e3e2e2
}
.clsTableFooter
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: peachpuff
}
.clsButtonCSRRunQuery
{
    BACKGROUND-IMAGE: url(..\AppGraphics\customer.gif);
    WIDTH: 30pt;
    HEIGHT: 30pt
}
.clsButtonInstruction
{
    BACKGROUND-IMAGE: url(..\AppGraphics\instructions_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: silver
}
.clsButtonInstructionSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\instructions_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: silver
}
.clsButtonMain
{
    BACKGROUND-IMAGE: url(..\AppGraphics\main_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonMainSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\main_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonOther
{
    BACKGROUND-IMAGE: url(..\AppGraphics\other_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonOtherSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\other_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonNewWO
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonNewWOSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonNewSR
{
    BACKGROUND-IMAGE: url(..\AppGraphics\sr_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonNewSRSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\sr_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonNewPR
{
    BACKGROUND-IMAGE: url(..\AppGraphics\pr_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonNewPRSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\pr_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonTechPlan
{
    BACKGROUND-IMAGE: url(..\AppGraphics\tech_plan_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonTechPlanSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\pr_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonWebSite
{
    BACKGROUND-IMAGE: url(..\AppGraphics\ie_pic.gif);
    WIDTH: 14pt;
    HEIGHT: 12pt
}
.clsButtonPMSchedule
{
    BACKGROUND-IMAGE: url(..\AppGraphics\pm_button.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsButtonPMScheduleSelected
{
    BACKGROUND-IMAGE: url(..\AppGraphics\pm_button_selected.gif);
    WIDTH: 78pt;
    HEIGHT: 18pt
}
.clsInactiveData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'MS Sans Serif';
    BACKGROUND-COLOR: silver
}
.clsTableRow
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e3e2e2
}
.clsTableFooter
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: peachpuff
}
.clsButtonWOReleaseParts
{
    BACKGROUND-IMAGE: url(..\AppGraphics\release.bmp);
    WIDTH: 95pt;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 22pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.clsDisabledData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: fuchsia;
    FONT-FAMILY: 'Microsoft Sans Serif';
    BACKGROUND-COLOR: white
}
.clsSaveButton
{
    height: 26px;
    padding: 2px 5px;
    *padding: 2px 0px;
    border: 1px solid #CF0404;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    background-color: #ff3019;
    border-color: #CF0404;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25); 
    background-image: -o-linear-gradient( #ff3019, #CF0404);
    background-image: -ms-linear-gradient( #ff3019, #CF0404);
    background-image: -moz-linear-gradient( #ff3019, #CF0404);
    background-image: -webkit-linear-gradient( #ff3019, #CF0404);
    background-image: linear-gradient( #ff3019, #CF0404);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    text-transform: uppercase;   
}
.clsButton
{
    height: 26px;
    padding: 2px 5px;
    *padding:2px 0px !important;
    border: 1px solid #BBB;
    border-radius: 2px;
    color: #222;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    background-color: #F8F8F8;
    border-color: #BBB;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
    background-image: linear-gradient( #F8F8F8, #ECECEC);
}
    
.clsButton:hover {
    background-color: #F8F8F8;
    border-color: #BBB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    color:#222 ;
    background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
    background-image: linear-gradient( #F8F8F8, #ECECEC);
}

.clsPrintFormStyle
{
	border-right: black thin;
	border-top: black thin;
	font-weight: bold;
	font-size: 8pt;
	border-left: black thin;
	width: 600px;
	color: black;
	border-bottom: black thin;
	font-family: Arial;
}

.clsPrintTableStyle
{
	border-right: black 1px solid;
	table-layout: auto;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	width: 700px;
	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Arial;
	border-collapse: collapse;
}
.clsPrintHeaderStyle
{
	border-top-width: 1px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	border-left-width: 1px;
	font-size: 12pt;
	border-left-color: black;
	border-bottom-width: 1px;
	border-bottom-color: black;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	border-top-color: black;
	padding-top: 0px;
	font-family: Arial;
	border-right-width: 1px;
	border-right-color: black;
}
.clsPrintColStyle
{
	border-right: black 1px solid;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
 	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Arial;
}
.clsPrintDetailStyle
{
	border-right: black 1px solid;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-weight: normal;
	font-size: 8pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Arial;
}
.clsPrintComboColStyle
{
	border-top-width: 1px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	border-left-width: 1px;
	font-size: 8pt;
	border-left-color: black;
	border-bottom-width: 1px;
	border-bottom-color: black;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	border-top-color: black;
	padding-top: 0px;
	font-family: Arial;
	border-right-width: 1px;
	border-right-color: black;
}
.clsPrintComboDetailStyle
{
	border-top-width: 1px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	border-left-width: 1px;
	font-size: 8pt;
	border-left-color: black;
	border-bottom-width: 1px;
	border-bottom-color: black;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	border-top-color: black;
	padding-top: 0px;
	font-family: Arial;
	border-right-width: 1px;
	border-right-color: black;
}
.clsActiveDataOddPriority
{ 
	font-weight: normal; 
	color: black;
	font-family: Verdana;
	background-color: #ffff9d;
	font-size: .815em; 
	font-family: Verdana; 
	font-variant:small-caps;
    border:1px solid #bbb;
}
.clsActiveDataEvenPriority
{
	font-weight: normal; 
	color: black;
	font-family: Verdana;
	background-color: #fffb7d;  
	font-size: .815em; 
	font-family: Verdana; 
	font-variant:small-caps;
    border:1px solid #bbb;
}
.clsActiveDataEvenPastDuePriority
{
	font-weight: normal;
	font-size: 8pt;
	color: yellow;
	font-family: Verdana;
	background-color: #000000;
	font-variant: small-caps;
    border:1px solid #bbb;
}
.clsActiveDataOddPastDuePriority
{
	font-weight: normal;
	font-size: 8pt;
	color: yellow;
	font-family: Verdana;
	background-color: #000000;
	font-variant: small-caps;
    border:1px solid #bbb;
}
.clsActiveDataEvenPastDueRoutine
{
	font-weight: normal;
	font-size: 8pt;
	color: white;
	font-family: Verdana;
	background-color: #000000;
	font-variant: small-caps;
    border:1px solid #bbb; 
}
.clsActiveDataOddPastDueRoutine
{
	font-weight: normal;
	font-size: 8pt;
	color: white;
	font-family: Verdana;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataEvenPastDue
{
	font-weight: normal;
	font-size: 8pt;
	color: red;
	font-family: Verdana;
	background-color: #000000;
	font-variant: small-caps;
    border:1px solid #bbb;
}
.clsActiveDataOddPastDue
{
	font-weight: normal;
	font-size: 8pt;
	color: red;
	font-family: Verdana;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataEven
{
	font-weight: normal; 
	color: black;
	font-family: Verdana;
	/*background-color: aliceblue;*/ 
	font-size: .815em;  
	font-variant:small-caps;  
    background: #fcfcfc; /* Old browsers */
     border:1px solid #bbb;
}
.clsActiveDataOdd
{
	font-weight: normal;
	font-size: .815em; 
	color: black;
	font-family: Verdana;
	/*background-color: whitesmoke;*/
	font-variant: small-caps;
background: #ffffff; /* Old browsers */ 
border:1px solid #bbb;
 }
.clsActiveDataOddClosed
{
	font-weight: normal;
font-size: .815em; 
 	color: black;
	font-family: Verdana;
	background-color: #99ff99;
	font-variant: small-caps;
    border:1px solid #bbb;
}
.clsActiveDataEvenClosed
{
	font-weight: normal;
	font-size: .815em; 
 	color: black;
	font-family: Verdana;
	background-color: #ccffcc;
	font-variant: small-caps;
    border:1px solid #bbb; 
}
.clsActiveDataEvenEmergency
{ 
	font-weight: normal;
	font-size: .815em;
	color: red;
	font-family: Verdana; 
	font-variant:small-caps; 
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFFFFF 0%,#f7f7f7 100%); /* W3C */
    border:1px solid #bbb;
}
.clsActiveDataOddEmergency
{
	font-weight: normal;
	font-size: .815em;
	color: red; 
	font-family: Verdana; 
	font-variant:small-caps; 
    background: #ffffff; /* Old browsers */ 
    background-color:#ffffff;
    border:1px solid #bbb;
}

.clsActiveDataRejected
{
	font-weight: normal;
	font-size: .815em;
	color: #ffffff;
	font-family: Verdana;
	background-color:  olive;
	font-variant: small-caps;
}
.clsActiveDataForwarded
{
	font-weight: normal;
	font-size: .815em;
	color: black;
	font-family: Verdana;
	background-color: orange;
	font-variant: small-caps;
    border:1px solid #ff3019;
}
.clsActiveDataTotals
{
	font-weight: normal;
	font-size: .815em;
	color: #ffffff;
	font-family: Verdana;
	background-color: #0073E5 !important;
	font-variant: small-caps;
}

.clsUlocoEmergency
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left
}
.clsUlocoRushOrShort
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: orange;
    TEXT-ALIGN: left
}
.clsUlocoNorm
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: lightgreen;
    TEXT-ALIGN: left
}
.clsUlocoPastDue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: yellow;
    TEXT-ALIGN: left
}


.clsReportGrandTotal
{
	font-weight: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: orange;
    TEXT-ALIGN: left
}
.clsColumnHeaderCenterWhiteOnBlue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: blue;
	VERTICAL-ALIGN: center;     
    TEXT-ALIGN: center 

}
.clsColumnHeaderCenterBlackOnYellow
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR:#313533;
    FONT-FAMILY: Arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: yellow;
	VERTICAL-ALIGN: center;
    TEXT-ALIGN: center 
}

.clsHostEmergency
{
	font-weight: bold;
	font-size: 9pt;
	color:  red;
	font-family: arial;
	background-color: white;
 }
.clsHostPriority
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-family: arial;
	background-color: white;
 }
.clsHostRoutine
{
	font-weight: bold;
	font-size: 9pt;
	color: fuchsia;
	font-family: arial;
	background-color: white;
 }
.clsHostRejected
{
	font-weight: bold;
	font-size: 9pt;
	color: orange;
	font-family: arial;
	background-color:white;
 }
.clsHostForwarded
{
	font-weight: bold;
	font-size: 9pt;
	color: olive;
	font-family: arial;
	background-color: white;
 }
.clsHostClosed
{
	font-weight: bold;
	font-size:9pt;
	color: green;
	font-family: arial;
	background-color: white;
 }
 

 /*----------------------------------------------------------------------*/
/* NEW BTNS AND LAYOUT BOX
/*----------------------------------------------------------------------*/

.theBox_grey_transparent {  
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    background: #f7f7f7 !important; /* Old browsers */ 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
 }

 table.dashboardSearchOptions tr td {padding:0px 3px 0px 3px  }
 
        .btn_light {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
        }
      
        
        .btn_light:hover, .btn_light:hover {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color:#222 ;
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
        }
        .btn_light {
        background-color: #F8F8F8;
        color: #222;
        }
         .btn_light {
        height: 26px;
        padding: 2px 5px;
        *padding:2px 0px !important;
        border: 1px solid #BBB;
        border-radius: 2px;
        color: #222;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        }

         a.btn_light
        {padding: 5px 10px; 
         text-decoration:none;
        }
 
        .btn_save {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
        } 
        .btn_save:hover, .btn_save:hover {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
        }
        .btn_save {
        background-color: #ff3019;
        color: white;
        }
         .btn_save {
        height: 26px;
        padding: 2px 5px;
        *padding: 2px 0px;
        border: 1px solid #CF0404;
        border-radius: 2px;
        color: white;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        }
          a.btn_save
        {padding: 5px 10px; 
         text-decoration:none;
        }


 
 
.btn_primary:hover, .btn_primary:hover {
background-color: #959595;
border-color: #797979;
box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
color: white;
background-image: -o-linear-gradient( #0094E0, #0084DA);
background-image: -ms-linear-gradient( #0094E0, #0084DA);
background-image: -moz-linear-gradient( #0094E0, #0084DA);
background-image: -webkit-linear-gradient( #0094E0, #0084DA);
background-image: linear-gradient( #0094E0, #0084DA);
}
.btn_primary {
background-color: #008DDE;
color: white;
}
 .btn_primary {height: 26px;
padding: 2px 10px;
border: 1px solid #797979;
border-radius: 2px;
color: white;
cursor: pointer;
font-size: 11px;
font-weight: 500;
text-decoration: none;
}

 

a.btn_primary
{       
        padding: 5px 10px; 
        text-decoration:none; 
        color:white;
        font-size: 11px;
        font-weight:normal;
        border: 1px solid #bbb;
        white-space: nowrap;
}

.btn_clear {
background-color: #f1f1f1;
color: 000;
}
.btn_clear  {height: 26px;
padding: 2px 10px;
border: 1px solid #ddd;
border-radius: 2px;
color: 000;
cursor: pointer;
font-size: 11px;
font-weight: 500;
text-decoration: none;
}

 

a.btn_clear 
{       
        padding: 5px 10px; 
        text-decoration:none; 
        color:white;
        font-size: 11px;
        font-weight:normal;
        border: 1px solid #ddd; 
        white-space: nowrap;
}



 /*----------------------------------------------------------------------*/
/* CALENDAR
/*----------------------------------------------------------------------*/
 
/* input box in default state */ 
.tcalInput {
	background: url('img/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
        background-color:#fff; 
 
}

a.tcalIcon{width:18px;height:15px;  
	background-image: url('img/cal.gif');
        background-repeat:no-repeat; margin-left:2px;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 1000000 !important;
	width: 210px !IMPORTANT;
	background-color: white;
	margin-top: 6px;
	margin-left:75px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;
	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	margin:3px 0px 3px 0px;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('img/next_mon.gif'); }
#tcalNextYear { background-image: url('img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		


.tcal{width:100px;z-index:-1;
	background: url('img/cal.gif') 100% 50% no-repeat;font-size: 12px;
	padding-right: 20px;background-color: white !important;}




  
        
/* Flora style sheet for jQuery Datepicker v4.0.2. */
.datepick {
	background-color: #e0f4d7;
	color: #000;
	border: 1px solid #00c; 


    /*border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;*/
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #000;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fc8;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav a
        {color: #fff !important;
        }
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%; 
	color: #fff !important;
    background: #88bfe8;
background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
color: #fff !important;
font-weight: bold;
border-color: #00c;
background: #88bfe8;
background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
}
.datepick-cmd {
	width: 30%;
}
        .datepick-ctrl a
        {
            color: #fff !important;
        }
.datepick-cmd:hover {
	background-color: #b1db87;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #fa4;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	background-color: #eee;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	border: 1px solid #83c948;
	text-align: center;
}
        .datepick-month-header
        {    padding-top:2px;
        }
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em; 
    line-height:21px;
	color: #333;
	font-weight: bold;
    background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 98%, #ffffff 99%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#dadada), color-stop(99%,#ffffff), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: 1px solid #A1A5A9;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #ddd;
}
.datepick-month th, .datepick-month th a {
	background-color: #eee;
	color: #000;
	border: 1px solid #888;
}
.datepick-month td {
	background-color: #fff;
	color: #666;
	border: 1px solid #888; 
}
.datepick-month td.datepick-week * {
	background-color: #b1db87;
	color: #666;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0em 0em;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #e0f4d7;
}
.datepick-month td .datepick-weekend {
	background-color: #e0f4d7;
}
.datepick-month td .datepick-today {
	background-color: #b1db87;
}
.datepick-month td .datepick-highlight {
	background-color: #fc8;
}
.datepick-month td .datepick-selected {
	color: #fff;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
font-weight: bold;
border-color: #c00;
background: #e8bf88;
background: -moz-linear-gradient(top, #e8bf88 0%, #ffc19d 1%, #fd8642 2%, #ab2412 98%, #ef753f 99%, #ef753f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8bf88), color-stop(1%,#ffc19d), color-stop(2%,#fd8642), color-stop(98%,#ab2412), color-stop(99%,#ef753f), color-stop(100%,#ef753f));
background: -webkit-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
background: -o-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
background: -ms-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
background: linear-gradient(to bottom, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bf88', endColorstr='#ef753f',GradientType=0 );
} 


.datepick-status {
	clear: both;
	background-color: #b1db87;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}




.datepick-month a {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
float: left;
padding: 0;
margin: 0;
font-size: 14px;
text-align: center;
cursor: pointer;
color: #222;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 98%, #ffffff 99%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#dadada), color-stop(99%,#ffffff), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
}

.datepick-month a{
font-weight: bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
}
.datepick-month td .datepick-weekend 
{
color: #3858a8;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
} 

.datepick-month a:hover
{
background: #fcfff4;
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce));
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 );
}

.datepick-month td .datepick-today 
{ 
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
    color: #fff;
    font-weight: bold;
    border-color: #00c;
    background: #88bfe8;
    background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
    background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
    background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
    background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
    background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
}


h2.secHeader {
    font-family: 'Open Sans Condensed','Arial Narrow',sans-serif;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    margin-bottom: 4px;
}
h2.secHeader span {
    font-family: 'Open Sans Condensed','Arial Narrow',sans-serif;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    margin-bottom: 4px;
}


/*UPDATED 5-29-13*/
.clsEditButtonNavigation {background-color:white;border-bottom:1px solid #bbb; }
.clsEditButtonNavigation tr td table td  {padding:5px;  }
.secPadding{padding:5px;}



/*UPDATED 7-18-2013*/
/* fixed hover over design */
#dropmenudiv {
position: absolute !important; 
border: 1px solid #bbb !important; 
font: normal 10px Verdana !important; 
line-height: 18px !important; 
z-index: 100; 
box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

.expand_button img
{
    padding-bottom:5px;padding-right:5px;
}



/*-------------------------------------------------------------------*/
/*  UPDATED 10-8-2013 By Matt K */
/*  ASSETOPIA/MFG/PROFILES HEADERS CSS       */
/*-------------------------------------------------------------------*/
 
.assetopia_loggedin {margin-left:155px; }
 #mfgBar .mfgHeader ul  li{ list-style:none;display: inline;} 
.mfgNav {
    float: left;
    width: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -moz-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -o-linear-gradient(#f8f8f8,#eeeeee);
    background-image: linear-gradient(#f8f8f8,#eeeeee);
    border-top: 1px solid #eee;
    height: 25px;
}
.mfgNav ul { margin-left: 10px; }
.mfgNav ul {
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #fff;
}
.mfgNav ul li {
    float: left;
    display: block;
    height:30px;
}
div.mfgNav ul li.selected a {
    border-left: 10px solid #43acff;
    display: block;
    margin: 2px 13px 0 13px;
    padding: 0;
    color: #333;
    padding-left: 0;
    font-weight: bold;
    border-left-width: 0;
    /*border-bottom: 2px solid #333;*/
    line-height: 21px;
    text-shadow: 1px 1px 1px #fff; z-index: 0;
}
  div.mfgNav ul li a {
    font-size: 13px;
    line-height: 17px;
    color: #666;
    font-weight: normal;
    text-decoration: none;
    border-left: 0 solid transparent;
    display: block;
    margin: 2px 13px 0 13px;
    padding: 0; 
    border-left-width: 0;
    border-bottom: 0 solid #0077b5;
    line-height: 21px;
    text-shadow: 1px 1px 1px #fff;
    -webkit-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    -moz-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    -o-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
}
    div.mfgNav ul li a:active
    {
        border:none;
    }

  div.mfgNav ul li:hover,div.mfgNav ul li.selected  {
background: url("../images/nav-sprite-g.png") no-repeat   center 23px;
cursor: pointer;  
z-index: 9999;
}


  
.clsUp1
{
     position:relative;top:-1px; 
}
.clsUp2
{
     position:relative;top:-2px; 
}
.clsUp3
{
     position:relative;top:-3px; 
}
.clsUp4
{
     position:relative;top:-4px; 
}

.clsUpMenu
{ 
     position:relative;top:-8px; 
}


 ul.clsReportsList li
	    {
            font-size:14px;color:#444; width:100%;line-height:22px !important;padding:0px;
	    }
        ul.clsReportsList li:hover
	    {
            width:100%;background-color:#f1f1f1;color:#333;
	    }

.clsTableBackground
{
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
}


.clsFilterColor span
{
   color: #444;
}





/*DASHBAORD STYLES*/
  b
        {font-weight:bold;
        }
         img {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

    body {
        background: #f1f3f6;
    }
       

        table.dashboardSearchOptions tr td
        {padding:0px 3px 0px 3px
        }
 
        .btn_light {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
        }
      
        
        .btn_light:hover, .btn_light:hover {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color:#222 ;
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
        }
        .btn_light {
        background-color: #F8F8F8;
        color: #222;
        }
         .btn_light {
        height: 26px;
        padding: 2px 5px;
        *padding:2px 0px !important;
        border: 1px solid #BBB;
        border-radius: 2px;
        color: #222;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        }

         a.btn_light
        {padding: 5px 10px; 
         text-decoration:none;
        }
 
        .btn_save {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
        } 
        .btn_save:hover, .btn_save:hover {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
        }
        .btn_save {
        background-color: #ff3019;
        color: white;
        }
         .btn_save {
        height: 26px;
        padding: 2px 5px;
        *padding: 2px 0px;
        border: 1px solid #CF0404;
        border-radius: 2px;
        color: white;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        }
          a.btn_save
        {padding: 5px 10px; 
         text-decoration:none;
        }


	   table{border-collapse:collapse;border-spacing:0;}   
	    table tr td{border-color:#bbb}
       table{font-size:inherit;font:100%;} 
       tr.expansionTasks {
            height: 0px;
            border: 0px;
            border-style: none;
            padding: 0px;
            margin: 0px;
            display:none;
            background: #fcfcfc;
        }
       tr.expansionTasks  th {
            margin-bottom: 4px;
            color: #8C8C8C; 
            font-weight: normal;
            padding:2px 5px 2px 5px;
            font-size: 11px;
            text-align:left
       }

       tr.expansionTasks  td {
            text-transform: uppercase;
            vertical-align: top;
            font-size: .915em;
            color: #323232;
            line-height: 14px;
            padding:3px 5px 3px 5px;
            text-align: left; 
            margin-right: 15px;
            margin-bottom: 0px;
            margin-top: 15px;
            text-shadow: 0px 0px 1px #f9f9f9;
       }
       .profile_details_wrapper_hdr {
            overflow: hidden;
            padding-top: 7px;
            padding-bottom: 5px;
            background: #fcfcfc; 
            margin-bottom: 0px;
            -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
            z-index: 1000;
        }
       .slidepanel {
            position: relative;
            top: 0px;
            left: 0px;
            padding: 10px 5px 15px 5px;
            display: none;
            border-bottom: 1px solid #bbb;
           font-family: Arial,Verdana;
           font-size: 11pt; 
       }

.info {
    width: auto;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #bbb !important;
    background: #e0f4ff;
    font-size: .875em;
    background: -moz-linear-gradient(top,#e0f4ff,#d4e6f0);
    background: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
}