/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html {overflow: scroll;} 
body {
    background-color: white;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin-left:auto;
    margin-right:auto;
    padding: 0;
    color: #696969;
    width:1248px;
    border: 1px sold green;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 1248px;
    margin-left: auto;
    margin-right: auto;
    display:inline-block;
    position:relative;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main 
{
    float:none;
    width:1248px;
    margin-left:auto;/*150px*/
    margin-right:auto;/*150px*/
    /*
    display:inline-block;
    position:absolute;
    */
}
section.webkit::-webkit-selection {
	background:#cc0000;
	display:block;
	color:#fff;
}

section.normal::selection {
	background:#cc0000;
	display:block;
	color:#fff;
}

section.moz::-moz-selection {
	background:#cc0000;
	display:block;
	color:#fff;
}

footer, 
#footer {
    background-color: #fff;   
    color: black;
    padding: 10px 0;
    line-height: normal;
    margin: 0 0 0px 0;
    font-size: 8pt;
    font-family:Arial;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}
div#pagename 
{
  margin: -60px 0px 0px 0px;
  font-family: Arial;
  font-size: 14pt;
  font-weight: bold;
  color: Maroon;
}

div#pagehearder {
    display: block;
    text-align: left;
    width:1248px;
}

div#menu
{
  margin: -4px 0px 0px 0px; 
  width:1246px;
  border:1px solid black;
  position:relative;
}

div#menu1
{
  margin: -5px 197px 0px 0px; 
  width:953px;
  border:1px solid black;
  position:relative;
}

div#menu a
{
  text-decoration: none;
  font-style: inherit;
  color: Black;
  font-size: 8pt;
}

div#menucontent
{
  margin: 0px 0px 100px 0px; 
  padding-top:0px;
  width:953px;
  position:relative;
  border:1px solid black;
  float:none;
}

div.menuitem1
{
  margin: 0px 816px 0px 0px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  background-color:white;
  white-space:nowrap;
  width:120px;
  
}
div.menuitem1content
{
  margin: -20px 960px 0px 20px;
  height:100%;
  width:100%;
  color:Red;
  white-space:nowrap;
  display:table;
}

div.menuitem1content p
{
  display:table-cell;
  text-align:left;
  vertical-align:middle;
}

.prefixmenuitem1
{
  margin: 0px 960px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
  color:Red;
}

div.menuitem1:hover
{
  background-color: #B6BDD2;  
}

div.menuitem2
{
  margin: -20px 658px 0px 150px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background-color:white;
  white-space:nowrap;
  line-height:20px;
  width:146px;
}
div.menuitem2:hover
{
  background-color: #B6BDD2;  
}

div.menuitem3
{
  margin: -20px 484px 0px 300px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  background-color:white;
  color: Black;
  white-space:nowrap;
  line-height:20px;
  width:136px;
}

div.menuitem3:hover
{
  background-color: #B6BDD2;  
}

div.menuitem4
{
  margin: -20px 298px 0px 440px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  background-color:white;
  color: Black;
  white-space:nowrap;
  line-height:20px;
  width:156px;
}

div.menuitem4:hover
{
  background-color: #B6BDD2;  
}
div.menuitem5
{
  position:relative;
  margin: -20px 164px 0px 600px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  background-color:white;
  color: Black;
  white-space:nowrap;
  line-height:20px;
  width:125px;
}

div.menuitem5:hover
{
  background-color: #B6BDD2;  
}
div.menuitem6
{
  position:relative;
  margin: -20px 20px 0px 730px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color:Black;
  background-color:white;
  white-space:nowrap;
  width:120px;
  line-height:20px;
}
div.menuitem6:hover
{
  background-color: #B6BDD2;  
}

div.menuitem7
{
  position:relative;
  margin: -20px 20px 0px 853px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color:Black;
  background-color:white;
  white-space:nowrap;
  width:100px;
  line-height:20px;
}

div.menuitem7:hover
{
  background-color: #B6BDD2;  
}


div.menuitem2sub
{
  
  height:37px;
  width:144px;
  margin: 0px 0px 0px 150px;
  white-space:nowrap;
  position:relative;
}

div.menuitem3sub
{
  
  height:57px;
  width:160px;
  margin-top:-37px;
  margin-left:300px;
  white-space:nowrap;
  position:relative;
  float:left;
  
}

div.menuitem4sub
{
  width:176px;
  height:97px;
  margin:-37px 0px 0px -20px;
  white-space:nowrap;
  position:relative;
  float:left;
  
}

div.menuitem5sub
{ 
  height:58px;
  width:126px;
  margin:-98px 364px 0px 602px;
  white-space:nowrap;
  position:relative;
  float:left;
}

div.menuitem6sub
{ 
  height:38px;
  width:126px;
  margin:-98px 364px 0px 730px;
  white-space:nowrap;
  position:relative;
  float:left;
}

div.menuitem2subcontent
{
  position:relative;
  height:59px;
  width:144px;
  border:1px solid black;
  white-space:nowrap;
  display:none;
  z-index:4;
}

div.menuitem2subcontent a
{
  position:relative;
  text-decoration: none;
  font-style: inherit;
  color: Black;
  font-size: 8pt;
}

div.menuitem3subcontent
{
  position:relative;
  height:59px;
  width:160px;  
  white-space:nowrap;
  border:1px solid black;
  z-index:5;
  display:none;
}
div.menuitem3subcontent a
{
  position:relative;
  text-decoration: none;
  font-style: inherit;
  color: Black;
  font-size: 8pt;
}
div.menuitem4subcontent
{
  position:relative;
  height:79px;
  width:172px;
  border:1px solid black;
  white-space:nowrap;
  z-index:5;
  display:none;
}
div.menuitem4subcontent a
{
  position:relative;
  text-decoration: none;
  font-style: inherit;
  color: Black;
  font-size: 8pt;
}

div.menuitem5subcontent
{
  position:relative;
  height:40px;
  width:126px;
  border:1px solid black;
  white-space:nowrap;
  z-index:5;
  display:none;
}
div.menuitem5subcontent a
{
  position:relative;
  text-decoration: none;
  font-style: inherit;
  color: Black;
  font-size: 8pt;
}

div.menuitem6subcontent
{
  position:relative;
  height:40px;
  width:126px;
  border:1px solid black;
  white-space:nowrap;
  z-index:3;
  display:none;
}
div.menuitem6subcontent a
{
  position:relative;
  text-decoration: none;
  font-style: inherit;
  color: Black;
  font-size: 8pt;
}

/* -------------  work order     ---------------*/
div.wo
{
  margin: 0px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}

div.prefixworkorder
{
  margin: -1px 500px 0px 0px;
  background-color:maroon;
  height:100%;
  width:15px;
}

div.workorder
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  background:white;
  padding-left:2px;
  line-height:20px;
  
}


/* -------------  report     ---------------*/
div.rp
{ 
  margin: -5px 498px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixreport
{
  margin: 0px 500px 0px 0px;
  background-color:maroon;
  height:100%;
  width:15px;
}
div.report
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  background:white;
  padding-left:2px;
  line-height:20px;
}

div.ps
{
  margin: -5px 498px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}

div.prefixprintslip
{
  margin: 0px 500px 0px 0px;
  background-color:maroon;
  height:100%;
  width:15px;
}
div.printslip
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  background:white;
  padding-left:2px;
  line-height:20px;
}

/* Personal */
div.umud
{
  margin: 4px 500px 5px 0px;
  height: 20px;
  width: 100%;
  white-space: nowrap;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixupdatepwd
{
  margin: -5px 500px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.updatepwd
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.cmp
{
  margin: -5px 500px 5px 0px;
  height: 20px;
  width:100%;
  white-space: nowrap;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixchangepwd
{
  margin: -5px 500px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.changepwd
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.ucd
{
  margin: -5px 500px 5px 0px;
  height: 20px;
  width:100%;
  white-space: nowrap;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixupdatedtl
{
  margin: -5px 500px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.updatedtl
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}


/* User Management */
input.readonly
{
  font-family:Arial;
  font-size:9pt;
  background-color:white;
  color:Gray;
}
div.eud
{
  margin: 4px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;  
  background:white;
}
div.prefixedituser
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.edituser
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.au
{
  margin: -2px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixadduser
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.adduser
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.etd
{
  margin: -2px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixedittrade
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.edittrade
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}
div.antd
{
  margin: -2px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
}
div.prefixaddtrade
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.addtrade
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.prefixap
{
  margin: -5px 0px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
  
}
div.admin
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  background:white;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

/* help*/
div.fl
{
  margin: 0px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
}
div.prefixforcelogout
{
  margin: 0px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.forcelogout
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.sup
{
  margin: -2px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
}
div.prefixsetpath
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.setpath
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.fds
{
  margin: -2px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
}

div.prefixdisplaysetting
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.displaysetting
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}


/* help*/
div.um
{
  margin: 0px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
}
div.prefixmanual
{
  margin: 0px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.manual
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.ab
{
  margin: -2px 500px 5px 0px;
  height: 20px;
  width: 100%;
  font-size:8pt;
  font-family:Arial;
  color: Black;
}
div.prefixabout
{
  margin: -5px 200px 0px 0px;
  background-color:maroon;
  height:20px;
  width:15px;
}
div.about
{
  margin: -20px 0px 5px 15px;
  height: 20px;
  font-size:8pt;
  font-family:Arial;
  color: Black;
  white-space:nowrap;
  padding-left:2px;
  line-height:20px;
}

div.pagename
{  
  margin-top:0px;
  color: maroon;
  font-family:Arial;
  font-weight:bold;
  font-size:16pt;
  
}

div.print
{ 
  margin:-25px 200px 0px 1124px;
  font-family:Arial;
  font-size:8pt;
  white-space:nowrap;
}

div.pagename_login
{  
  margin-top:0px;
  color: maroon;
  font-family:Arial;
  font-weight:bold;
  font-size:16pt;
  
}

div.print_login
{ 
  margin:-20px 200px 0px 1004px;
  font-family:Arial;
  font-size:8pt;
  white-space:nowrap;
}

a.print_login_a
{
  text-align:center;
  vertical-align:text-top;  
  margin-right:5px;
}


a.print_a
{
  text-align:center;
  vertical-align:text-top;
  margin-right:5px;
}

a.morelink
{
  font-family:Arial;
  font-size:9pt;
  white-space:nowrap;
  color:#0645AD;
  text-decoration:underline;
}

div.welcome
{
  font-size:12pt;
  font-family:Arial;
  font-weight:bold;
  color:Black;
  margin-bottom: 10px;
}
div.selectall
{
  font-family:Arial;
  font-size:9pt;
  color:Black;
  margin-left:6px;
}

div.reportbuttons
{
  font-family:Arial;
  font-size:9pt;
  color:Black;
  margin: -22px 0px 5px 200px;
  
}

div.reportbuttons input
{
  margin-left:10px;
  
}

div.noLisence
{
  font-size:12pt;
  font-family:Arial;
  font-weight:bold;
  color: Red;
  margin-bottom: 10px;
}

.standarddiv
{
  margin:0px 0px 5px 0px;
  font-size:9pt;
  font-family: Arial;
  color:Black;  
  white-space:nowrap;
}
.standarddivred
{
  margin:0px 0px 5px 0px;
  font-size:9pt;
  font-family: Arial;
  color:Red;  
}
.borderdiv
{
  margin-top:10px;
  margin-left :-2px;
  border:4px ridge white;
  height:inherit;
}

.rederrorfont
{
    font-size: 11pt;
    color: red;
    font-family: Arial Black;
    margin-left: 50px;
    text-align:center;
}
.submitb
{
  font-family:Arial; 
  font-size: 8pt; 
  color: black; 
}

.buttonb
{
  font-family: Arial;
  font-size:10pt;
  text-align:center;
  vertical-align:middle;
  margin: 2px 10px 5px 2px;
}

div.userinputlabel
{
  vertical-align:middle;
  margin: 10px 600px 20px 230px;
  font-size:9pt;
  font-family:Arial;
  color:Black;
}

div.userinputname
{
  margin: -38px 300px 20px 320px;
  font-size:9pt;
  font-family:Arial;
  white-space: nowrap;
  width:40%;
}

input.username
{
  text-transform:uppercase;
}

div.userinput
{
  margin: -38px 300px 20px 320px;
  font-size:9pt;
  font-family:Arial;
  white-space: nowrap;
  width:40%;
}

div.buttonarea
{
  margin: -5px 300px 20px 360px;
  font-size:9pt;
  font-family:Arial;
  width:40%;
}

div.welcomeinmaster
{
  /*float:right;*/
  width:1248px;  
  margin-bottom:5px;
  font-size:10pt;
  font-family:Arial;
  color:Black;
  font-weight:bold;
  text-align:right;
}

div.nameandprint
{
  width:1248px;
  margin-left:auto;/*150px*/
  margin-bottom:10px;
  height:30px;
}

div.nameandprint1
{
  width:1248px;
  margin-left:auto;/*150px*/
  margin-bottom:15px;
  margin-top:-70px;
  height:30px;
  position:relative;
}

div.nameandprint2
{
  width:1248px;
  margin-left:0px;
  margin-bottom:10px;
  margin-top:20px;
  height:30px;
  position:relative;
}
div.autologout
{
  margin-left:0px;
  font-family:Arial;
  font-size:11pt;
  color:Black;
  font-weight:bold;
}
div.autoclose
{
  margin-left:0px;
  font-family:Arial;
  font-size:9pt;
  color:Black;
}
div.outstandingonlist
{
  background-color: Green;
  padding: 2px 10px 2px 10px;
  margin:-20px 20px 0px 1080px;
  white-space:nowrap;
  width:140px;
  text-align:center;
}
div.cancelledonlist
{
  background-color: Black;
  padding: 2px 10px 2px 10px;
  margin:-20px 20px 0px 780px;
  white-space:nowrap;
  width:140px;
  text-align:center;
}
div.completedonlist
{
  background-color: Blue;
  padding: 2px 10px 2px 10px;
  margin:-20px 20px 0px 780px;
  white-space:nowrap;
  width:140px;
  text-align:center;
}
div.allonlist
{
  background-color:Maroon;
  padding: 2px 10px 2px 10px;
  margin:-20px 20px 0px 780px;
  white-space:nowrap;
  width:140px;
  text-align:center;
}
div.outstandingondetail
{
  background-color: Green;
  padding: 5px 0px 5px 40px;
  margin:0px 0px 0px 0px;
  white-space:nowrap;
  width:1208px;
  text-align:left;
  vertical-align:middle;
}
div.cancelledondetail
{
  background-color: Black;
  padding: 5px 0px 5px 40px;
  margin:0px 0px 0px 0px;
  white-space:nowrap;
  width:1208px;
  text-align:left;
  vertical-align:middle;
}
div.completedondetail
{
  background-color: Blue;
  padding: 5px 0px 5px 40px;
  margin:0px 0px 0px 0px;
  white-space:nowrap;
  width:1208px;
  text-align:left;
  vertical-align:middle;
}

.whiteboldfont11
{
  font-family:Arial;
  font-size:11pt;
  color:White;
  font-weight:bold;
}

.whiteboldfont
{
  font-family:Arial;
  font-size:9pt;
  color:White;
  font-weight:bold;
}

div.statusbar
{
  margin-bottom:5px;
  height:20px;
}

div.outstanding
{
  background-color: Green;
  /*padding: 2px 10px 2px 10px;
  margin:5px 20px 0px 10px;*/
  float:left;
  white-space:nowrap;
  width:140px;
  padding-top:5px;
  height:22px;
  text-align:center;
}

div.outstanding a
{
  font-size: 10pt;
  color: white;
  font-family: Arial;
  font-weight:bold;
}
div.outstanding a:hover
{
  color: red;
  text-decoration:underline;
}

div.completed
{
  background-color: Blue;
  /*padding: 2px 10px 2px 10px;
  margin:-20px 20px 0px 180px;*/
  margin-left:20px;
  float:left;
  white-space:nowrap;
  width:140px;
  padding-top:5px;
  height:22px;
  text-align:center;
}
div.completed a
{
  font-size: 10pt;
  color: white;
  font-family: Arial;
  font-weight:bold;
}
div.completed a:hover
{
  color: red;
  text-decoration:underline;
}

div.cancelled
{
  background-color: Black;
  white-space:nowrap;
  width:140px;
  padding-top:5px;
  height:22px;
  /*padding: 2px 10px 2px 10px;
  margin:-20px 20px 0px 354px;*/
  margin-left:20px;
  float:left;
  text-align:center;
}
div.cancelled a
{
  font-size: 10pt;
  color: white;
  font-family: Arial;
  font-weight:bold;
}
div.cancelled a:hover
{
  color: red;
  text-decoration:underline;
}

.divlabel
{
  font-size:12px;
  font-family:Arial;
  color:Black;
  font-weight:bold;
  margin:1px 10px 0px 0px;
  width:150px;
  height:25px;
  white-space:nowrap; 
  display:table;
}

.divlabel p
{
  display:table-cell;
  vertical-align:middle;
  text-align:left;
  /*padding-top:2px; */
}

.divcontent
{
  font-size:12px;
  font-family:Arial;
  color:Black;
  white-space:nowrap;
  width:87.8%;
  height:25px;
  margin: -25px 10px 0px 152px;
  display:table;
}

.divcontent p
{
  display:table-cell;
  vertical-align:middle;
  text-align:left;
}
.bk_odd
{
  background-color:#DBD8D1;
}

.bk_even
{
  background-color:#C0C0F0;
}

.supplier
{
  margin: 10px 0px 5px 10px;
  width:300px;  
}

.supplier
{
  margin: 10px 0px 5px 10px;
  width:300px;  
}

.wotype
{
  margin: 10px 0px 5px 10px;  
}

.wotypefont
{
  color:White;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
}
.bkgreen
{
  background-color:Green;
}

.bkblue
{
  background-color:blue;
}
.bkblack
{
  background-color:black;
}

.greenboldfont
{
  color:Green;
  font-weight:bold;
  font-family:Arial;
  font-size:9pt;
}

.blueboldfont
{
  color:blue;
  font-weight:bold;
  font-family:Arial;
  font-size:9pt;
}
.blackboldfont
{
  color:black;
  font-weight:bold;
  font-family:Arial;
  font-size:9pt;
}

.search
{
  height:105px;
  width:1248px;
  background-color:#DBD8D1;
}
.details
{
  background-color:#DBD8D1;
  width:1248px;
  
}
.details th
{
  background-color:#DBD8D1;
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  color:Black;
}

.documentdetails
{
  background-color:#DBD8D1;
  width:940px;
  
}
.documentdetails th
{
  background-color:#DBD8D1;
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  color:Black;
}

th.u1
{
  width:18.8%;
}

th.f1
{
  width:37.6%;
}
th.c1
{
  width:18.8%;
}
th.d1
{
  width:18.8%;
}
th.a1
{
  width:6%;
}


th.u2
{
  width:20%;
}

th.f2
{
  width:40%;
}
th.c2
{
  width:20%;
}
th.d2
{
  width:20%;
}


th.u3
{
  width:12.5%;
}
th.i3
{
  width:12.5%;
}
th.f3
{
  width:39%;
}
th.c3
{
  width:12.5%;
}
th.d3
{
  width:17.5%;
}
th.a3
{
  width:6%;
}

th.u4
{
  width:13.5%;
}
th.i4
{
  width:13.5%;
}
th.f4
{
  width:41%;
}
th.c4
{
  width:15%;
}
th.d4
{
  width:17%;
}

td.u
{
  width:10%;
}

td.f
{
  width:10%;
}
td.c
{
  width:10%;
}
td.d
{
  width:10%;
}
td.a
{
  width:10%;
}

select.documentcategory
{
   margin:2px 0px 0px 0px;
   font-family:Arial;
  font-size:9pt;
  color:Black;
}

.documentupload
{
  font-family:Arial;
  height:30px;
  margin-bottom: 2px;
}

.documentupload input
{
  
  height:auto;
  width:700px;
}

.documentupload select
{
  height:24px;
  width:150px;
}


.tpdetails
{
  margin-left:40px;
  background-color:#DBD8D1;
  width:860px;
  
}

.tpdetails th
{
  background-color:#DBD8D1;
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  color:Black;
}

.tpdetails td
{
  font-family:Arial;
  font-size:9pt;
  color:Black;
}


tr:nth-child(even) {
background-color: #C0C0F0;
}


td.outstanding
{
  background-color:Green;
}

td.completed
{
  background-color:Blue;
}

td.cancelled
{
  background-color:Black;
}

td.alltrade
{
  background-color:Maroon;
}
.red
{
  color:Red;
  /*margin-top:-5px;*/
}

.redposition1
{ 
  margin:20px 0 10px 2px;
  vertical-align:text-top;
}

.eduredposition
{ 
  margin:-23px 0 5px 300px;
  float:left;
}

div.datefromformat
{
  margin-top:-26px;
  float:left;
  margin-left:496px;
  width:90px;
  height:20px;
}
div.datetoformat
{
  margin-top:0px;
  margin-top:-26px;
  margin-left:730px;
  float:left;
  width:90px;
}
.asterisk
{
  margin-left:-10px;
  color:Red;
}

.asteriskpopup
{
  margin-left:-6px;
  color:Red;
}
.asteriskhide
{
  margin-left:-10px;
  color:#DBD8D1;
}
.asteriskonadminpage
{
  margin-left:-8px;
  color:Red;
}

.saveerrortitle
{
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
}

.comment
{
  color:Maroon;
  font-size:8pt;
  font-family:Arial;
}

.commenttitle
{
  color:Maroon;
  font-size:10pt;
  font-family:Arial;
  font-weight:bold;
  margin:5px 0px 10px 5px;
}

.assignmenttitle
{
  color:Maroon;
  font-size:10pt;
  font-family:Arial;
  font-weight:bold;
  margin:15px 0px 10px 5px;
}

.commenttitleindetail
{
  color:Maroon;
  font-size:10pt;
  font-family:Arial;
  font-weight:bold;
  margin:0px 0px 10px 5px;
}

.tradecompletedetail
{
  color:Maroon;
  font-size:10pt;
  font-family:Arial;
  font-weight:bold;
  margin:35px 0px 10px 5px;
}

.assetdetail
{
  color:Maroon;
  font-size:10pt;
  font-family:Arial;
  font-weight:bold;
  margin:115px 0px 10px 5px;
}

.searchcriterialabel
{    
  height:20px;
  margin-top:5px;
  vertical-align:bottom;
  margin-left:5px;
}

.searchcriteria
{
  height:20px;
  margin-top:-2px;
  vertical-align:bottom;
  margin-left:5px;
}
.searchlabel
{
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  color:Black;
  white-space:nowrap;
}

.selectorfont
{
  font-size:8pt;
  font-family:Arial;
  color:Black;
}

span.smallfont
{
  font-family:Arial;
  font-size:8pt;
  white-space:nowrap;
}

.select1
{ 
  margin:0px 0px 0px 0px;
  height:22px;
  width:160px;
}

.select2
{  
  margin:0px 0px 0px 0px;
  height:22px;
  width:120px;
  
}

.select3
{
  margin:0px 0px 0px 0px;
  height:22px;
  width:160px;
}
.select4
{
  margin:0px 0px 0px 0px;
  height:22px;
  width:120px;
}

.select5
{
  margin: 0px 0px 0px 0px;
  height:22px;
  width:120px;  
}

.select6
{
  margin: 0px 0px 0px 0px;
  height:22px;  
  width:160px;
}

.label0
{
  height:20px;
  width:0px;
  margin:5px 0px 2px 0px;
  vertical-align:middle;
  text-align:left;
  white-space:nowrap;
  display:inline-block;
  
}

.label1
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 0px;
  padding: 0px;
  vertical-align:middle;
  text-align:left;
  white-space:nowrap;
  display: inline-block;
}
.label2
{
  height:20px;  
  width:140px;
  margin:5px 0px 2px 18px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}
.label3
{
  height:20px;
  width:140px;
  margin:5px 0px 2px -18px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}
.label4
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 20px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}
.label4below
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 20px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}

.label11
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 23px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}

.label11below
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 23px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}

.label12
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 12px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}

.label12below
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 12px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline-block;  
}

.label13
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 15px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline;  
}

.label13below
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 15px;
  padding: 0px;
  text-align:left;
  white-space:nowrap;
  display:inline;  
}

.jobtypelabel
{
  height:20px;
  width:140px;
  margin:5px 0px 02px 20px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}
.domainlabel
{
  height:20px;
  width:140px;
  margin:-5px 0px 2px 14px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}
.refreshlabel
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 13px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}
.label5
{
  height:20px;
  width:140px;
  margin:5px 0px 2px -14px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}

.searchlabel5
{
  height:20px;
  width:143px;
  margin:5px 0px 2px 21px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}

.searchlabel6
{
  height:20px;
  width:140px;
  margin:5px 0px 2px 0px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}

.label6
{
  height:20px;
  width:140px;
  margin:0px 0px 0px 108px; 
  text-align:left;
  white-space:nowrap;
  display:inline-block;
}

.label7
{
  height:20px;
  width:140px;
  margin:0px 0px 0px 90px; 
  text-align:left;
  white-space:nowrap;
}

.label8
{
  height:20px;
  width:140px;
  margin:0px 0px 0px 96px; 
  text-align:left;
  white-space:nowrap;
}

.label9
{
  height:20px;
  width:140px;
  margin:0px 0px 0px 96px; 
  text-align:left;
  white-space:nowrap;
}

input.searchinput
{
  /*
  height:18px;
  width:112px;
  */
}

input.input1
{
  margin:-10px 0px 0px 0px;
  width:120px;
  height:16px;
}

input.input2
{
  margin:0px 0px 0px 0px;
  width:110px;
  height:16px;
}


input.input3
{
  margin:0px 0px 0px 0px;
  width:154px;
  height:16px;
}

input.input4
{
  margin:0px 0px 0px 0px;
  width:120px;
  height:16px;
}

/*
.tradesearch
{
  margin:0px 0px 0px 0px;
  width:32px;
  height:22px;
}

.workordersearch
{
  margin:0px 0px 0px 0px;
  width:32px;
  height:22px;
}

.buildingsearch
{
  margin:0px 0px 0px 0px;
  width:32px;
  height:22px;
}
*/
.upload
{
  width:82px;
  height:auto;
}
#Pagination
{
  height:30px;
}

input.buttongo
{
  margin:0px 0px 0px 2px;
  width:60px;
  height:auto;
}

input.buttonclose
{
  margin:0px 0px 0px 42px;
  width:60px;
  height:auto;
}

input.buttonreset
{
  margin:-25px 0px 0px 16px;
  width:60px;
  height:25px;
}

div.updatecontent
{
  width:800px;
}
div.formcontent
{
  background-color:#DBD8D1;
  margin: 10px 0px 0px 0px;
  width:954px;
  height:auto;
}
div.formitemdivleft
{
  margin: 2px 0px 0px 40px;
  height:16px;
  width:450px;

}

div.formitemdivleftassetassessment
{
  margin: 55px 0px 0px 0px;
  height:16px;
  width:450px;

}

div.formitemdivleftblank
{
  margin: 2px 0px 5px 40px;
  height: 2px;
  width:450px;

}
div.formitemdivleftwithasterisk
{
  margin: 0px 0px 0px 40px;
  height:18px;
  width:450px;

}
div.emptydiv
{
  height:10px;
}
div.tradespersonassignment
{
  margin: 5px 0px 0px 40px;
  width:800px;
  
}
div.tradespersonassignment ul
{
  margin: 0px 0px 0px -26px;
}

div.tradespersonassignment li
{
  width:650px;
  font-family:Arial;
  font-size:9pt;
  color:Black;
}

div.formitemdivright
{
  margin: -18px 0px 0px 500px;
  height:16px;
}

label.vis
{
  display:block;
}

div.floors
{
  margin: 8px 0px 0px 40px;
  height:16px;
  width:450px;
}

div.buildings
{
  margin: 5px 0px 10px 40px;
  height:auto;
  width:900px;
}

div.buildingurls
{  
  margin: 5px 0px -20px 279px;
  height:auto;
  width:900px;
}

div.buildingurllinks
{  
  margin: 7px 0px -19px 277px;
  height:auto;
  width:900px;
}

div.extradetails
{
  margin: 5px 0px 15px 40px;
  height:auto;
  width:900px;
}
div.extradetailsmore
{
  display:none;
  margin: 5px 0px 15px 130px;
  height:auto;
  width:900px;
}
div.extradetailsmore label
{
  height: auto;
  margin: -15px 0px 0px 0px;
}

div.description
{
  margin: 5px 0px 10px 40px;
  height:auto;
  width:900px;
}

div.descriptionmore
{
  display:none;
  margin: 5px 0px 15px 130px;
  height:auto;
  width:900px;
}
div.descriptionmore label
{
  height: auto;
  margin: -15px 0px 0px 0px;
}

div.comment
{
  margin: 5px 0px 10px 40px;
  height:auto;
  width:900px;
}

div.commentmore
{
  display:none;
  margin: 5px 0px 15px 130px;
  height:auto;
  width:900px;
}
div.commentmore label
{
  height: auto;
  margin: -15px 0px 0px 0px;
  width:900px;
}

div.detailsdivleft
{
  margin: 5px 0px 0px 40px;
  width:450px;
}
div.detailsdivright
{
  margin: -18px 0px 0px 490px;
}

div.datepicker
{
  margin: -30px 0px 0px 280px;
  padding-bottom:2px;
  white-space:nowrap;
}

div.datepicker img
{
  white-space:nowrap;
  cursor:pointer;
  vertical-align:bottom; 
}

input.formitemlong
{
  width:300px;  
}
input.formitemsuperlong
{
  width:630px;
}
input.formitemshort
{
  width:150px;
}

label.formitemlong
{
  width:300px;
  white-space:nowrap;  
}
label.formitemsuperlong
{
  width:600px;
  white-space:nowrap;
}
label.formitemshort
{
  width:150px;
  white-space:nowrap;
}
label.formitemcomments
{
  width:150px;
}

.formselect
{
  width:150px;
}

label.note
{
  font-family:Arial;
  font-size:8pt;
  color:Maroon;
}
/*
.morelink1
{
  margin: -80px 0px 0px 680px;
  width:70px;
  white-space:nowrap;
  font-family:Arial;
  font-size:9pt;
  color:blue;
}

.morelink2
{
  margin: -40px 0px 0px 680px;
  width:70px;
  white-space:nowrap;
  font-family:Arial;
  font-size:9pt;
  color:blue;
}

a.morelink3
{
  margin: -40px 0px 0px 680px;
  width:70px;
  white-space:nowrap;
  font-family:Arial;
  font-size:9pt;
  color:blue;
}

a.morelink4
{
  margin: -20px 0px 0px 680px;
  width:70px;
  white-space:nowrap;
  font-family:Arial;
  font-size:9pt;
  color:blue;
}
*/

label.formitemfontred
{
  font-family:Arial;
  font-size:9pt;
  color:red;
}

label.formitemgetcurrentdatetime
{
  font-family:Arial;
  font-size:8pt;  
  font-style:italic;
}

textarea.textarea
{
  margin:-40px 0px 0px 120px;
  resize: none;
}

textarea.actiondetails
{
  margin:40px 0px 0px -120px;
  resize: none;
}

textarea.assethistorycomment
{
  margin:0px 0px 0px 0px;
  resize: none;
}

textarea.assetassessmentcomment
{
  margin:4px 0px 0px 0px;
  resize: none;
}

.detaillabelleft
{
  width:90px;
  height:20px;
  white-space:nowrap; 
  margin-top:5px;
}
div.detailslabelleft1
{
  margin: -22px 180px 0px 132px;
  white-space:nowrap;
}

div.detailslabelleft2
{
  margin: -16px 0px 0px 280px;
  white-space:nowrap;
  color:Red;
  
}

div.checkasseterror
{
  margin: -32px 0px 0px 280px;
  white-space:nowrap;
  color:Red;
}

div.assethistory
{
  margin: -30px 0px 0px 280px;
  white-space:nowrap;  
}

div.workorderprogress
{
  margin: -20px 0px 0px 160px;
  white-space:nowrap;  
}

div.detailslabelleft3
{
  margin: -16px 0px 0px 750px;
  width:70px;
}

div.detailslabelleft4
{
  margin: -16px 0px 0px 720px;
  width:70px;
}

div.inputleft
{
  margin: -40px 0px 0px 120px;
  width:80px;
}

div.inputleftothers
{
  margin: -24px 0px 0px 120px;
  width:80px;
}

div.udinputleft1
{
  margin: -20px 0px 0px 0px;
  width:480px;
}

div.udinputleft1 input
{
  margin: -22px 0px 0px 120px;
  height:16px;
}

div.udinputleft
{
  margin: -20px 0px 0px 120px;
  width:300px;
}

div.udinputleft input
{
  height:16px;
}

div.udinputleft select
{
  height:22px;
}

div.udinputleft img
{
  margin: 5px 0px 2px 2px;
}

div.udlabelleft
{
  margin: 0px 0px 2px 20px;
  width:90px;
}
div.uddivleft
{
  margin: 0px 0px 0px 40px;
  height:18px;
  width:450px;

}

div.udlabelleft1
{
  margin: 0px 0px 2px 20px;
  width:90px;
}

div.uddivinputleft1
{
  width:240px;
  white-space:nowrap;
  height:auto;
  
}
div.uddivinputleft
{
  margin: -2px 0px 10px 0px;
  width:240px;
  white-space:nowrap;
  height:auto;
}

div.uddivinputright
{
  margin: -28px 0px 10px 480px;
  width:240px;
  white-space:nowrap;
  height:auto;
}

div.uddivinputright select
{ 
  margin-top:2px;
  height:21px;
}

div.euddatepicker
{
  margin: -18px 0px 0px 280px;
  padding-top:0px;
  white-space:nowrap;
}

div.euddatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  margin-bottom:2px;
}

div.uddatepicker
{
  margin: -20px 0px 2px 280px;
  padding-top:0px;
  white-space:nowrap;
}

div.uddatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  vertical-align:bottom; 
}


div.sudivinputleft
{
  margin: 0px 0px 10px 0px;
  width:240px;
  white-space:nowrap;
  height:auto;
}

div.sudivinputright
{
  margin: -26px 0px 10px 480px;
  width:240px;
  white-space:nowrap;
  height:auto;
}
div.suinputleft
{
  margin: -20px 0px 0px 120px;
  width:80px;
}
div.sulabelleft
{
  margin: 0px 0px 2px 20px;
  width:90px;
}
div.suresult
{
  font-weight:bold;
  white-space:nowrap;
  margin:20px 20px 20px 20px;
}
textarea.otherinformation
{
  margin:5px 0px 0px 20px;
}

div.udbuttons
{
  margin:10px 200px 0px 600px;
  white-space:nowrap;
}
div.udresult
{
  font-weight:bold;
  white-space:nowrap;
  margin:20px 20px 20px 20px;
}
div.uderrordetail
{
  margin:5px px 5px 0px;
}
div.checkusererror
{
  margin: -20px 0px 0px 430px;
  white-space:nowrap;
  color:Red;
  height:18px;
}
div.checkpsderror
{
  margin: -30px 0px 10px 580px;
  white-space:nowrap;
  color:Red;
  height:18px;
  
}
div.pwdresult
{
  font-weight:bold;
  white-space:nowrap;
  margin:20px 20px 20px 20px;
}
div.checktperror
{
  margin: -20px 0px 0px 300px;
  white-space:nowrap;
  color:Red;
  height:18px;
}

div.noaccess
{  
  font-weight:bold;
  height:auto;
  padding:80px 0px 50px 10px;
}

div.noaccessimg
{
  margin:-100px 0px 0px 400px;
}

div.noaccesspopupimg
{
  margin:-100px 0px 0px 600px;
}

div.etdivinputleft
{
  margin: 0px 0px 10px 0px;
  width:240px;
  white-space:nowrap;
  height:auto;
}

div.etdivinputright
{
  margin: -30px 0px 10px 480px;
  width:240px;
  white-space:nowrap;
  height:auto;
}

div.etinputleft
{
  margin: -20px 0px 0px 140px;
  width:80px;
}
div.etlabelleft
{
  margin: 0px 10px 5px 20px;
  width:100px;
}

.etselect
{
  width:auto;
  margin-left:-1px;
}
div.etlabelfortable
{
  margin: 0px 40px 10px 20px;
  width:240px;
  white-space:nowrap;
  height:auto;
}
div.etresult
{
  font-weight:bold;
  white-space:nowrap;
  margin:20px 20px 20px 20px;
}

div.etdatepicker
{
  margin: -20px 0px 5px 300px;
  padding-top:0px;
  white-space:nowrap;
}

div.etdatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  vertical-align:bottom; 
}

div.detailinputleftselect
{
  margin: -26px 0px 10px 120px;
  width:240px;
  white-space:nowrap;
}

div.detailinputleftselect select
{ 
  width:156px;
}

div.detailinputleft
{
  margin: -24px 0px 10px 120px;
  width:240px;
  white-space:nowrap;
}

div.detailinputleft input
{
  height:16px;
}

div.detailinputleft select
{
  height:22px;
}

div.buttons
{
  margin:60px 200px 0px 600px;
  white-space:nowrap;
}

div.changepassword
{
  background-color:#DBD8D1;
  height:200px;
  width:954px;
}

div.changepassworditem
{
  padding: 5px 0px 0px 0px;
  white-space:nowrap;
  
}

div.pslabel
{
  margin: 10px 300px 10px 200px;
  width: 140px;
  
}

div.cupbuttons
{
  margin:10px 0px 25px 600px;
}
div.psinput
{
  margin: -30px 200px 10px 360px;
  width: 160px;
  white-space:nowrap;
  
}

div.psbuttons
{
  margin:20px 0px 0px 400px;
}

div.tpcontent
{
  background-color:#DBD8D1;
  margin: 10px 0px 0px 0px;
  width:954px;
  height:auto;
}
div.wodetailscontent
{
  background-color:#DBD8D1;
  margin: -10px 0px 0px 0px;
  width:1248px;
  /*height:1080px;*/
  height:auto;
}

#uploadedfiles
{
  margin-left:5px;
}

div.tpbuttons
{
  margin:20px 0px 0px 400px;
}

div.assigndivleft
{
  margin: 2px 0px 0px 40px;
  height:16px;
  width:600px;

}

div.assigndivright
{
  margin: -20px 0px 0px 550px;
  height:16px;
}

div.tradesperson label
{
  margin:0px 0px 0px -40px;
}

div.tradesperson select
{
  margin:-20px 0px 0px 40px;
  font-family:Arial;
  font-size:9pt;
  color:Black;
  width:450px;
}
div.tradesperson input
{
  margin:-25px 0px 0px 100px;
}

.historytype
{
  margin:2px 0px 0px 0px;
  width:156px;
}

.ratingtype
{
  margin:2px 0px 0px 0px;
  width:400px;
}

div.popupcontent
{
  width:600px;
  height:auto;
  background-color:#DBD8D1;
  margin-top:5px;
  width:100%;
}
div.popuppagename 
{
  margin: 0px 0px 0px 0px;
  font-family: Arial;
  font-size: 14pt;
  font-weight: bold;
  color: Maroon;
}
div.popupprint
{
  margin: -30px 0px 0px 400px;
  font-family: Arial;
  font-size: 9pt;
}
.popuplabelleft
{
  margin: 0px 0px 0px 0px;
}

.popuplabelright
{
  height: 20px;
  margin: -15px 0px 0px 200px;
}

.popuplabelcomments
{
  height: auto;
  margin: -15px 0px 0px 200px;
}

.popuplabeltext
{
  height: 40px;
  margin: -15px 0px 0px 150px;
  
}


.popdetails
{
  background-color:#DBD8D1;
  width:auto;
}
.popdetails th
{
  background-color:#DBD8D1;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  color:Black;
}

.popdetails td
{
  font-family:Arial;
  font-size:9pt;
  color:Black;
  white-space:nowrap;
}

.popdetails td a
{
  font-family:Arial;
  font-size:8pt;
  color:blue;
  text-decoration:underline;
  white-space:nowrap;
}


div.popdivleft
{
  margin: 5px 0px 0px 5px;
  height:18px;
  width:450px;
}

div.poplabelleft
{
  width:90px;
  height:20px;
  white-space:nowrap; 
  margin-top:8px; 
}

div.popdivright
{
  margin: -16px 0px 0px 420px;
  height:18px;
}

div.mudivleft
{
  margin: 5px 0px 0px 5px;
  height:18px;
  width:400px;
}

.mulabelleft
{
  width:90px;
  height:20px;
  white-space:nowrap; 
  margin-top:5px;
}

div.muinputleft
{
  margin: -22px 20px 0px 100px;
  white-space:nowrap;
  height:20px;
}

div.muinputleft label
{
  margin: -5px 20px 0px 0px;
  height:20px;
  white-space:nowrap;
}

div.muinputright
{
  margin: -22px 20px 0px 70px;
  height:20px;
  white-space:nowrap;
}
div.mudivmiddle1
{
  margin: -22px 0px 0px 216px;
  height:20px;
}

div.mudivmiddle
{
  margin: -22px 20px 0px 220px;
  height:20px;
}
div.muinputmiddle
{
  margin: -22px 20px 0px 80px;
  height:20px;
  white-space:nowrap;
}

div.muinputmiddle1
{
  margin: -22px 20px 0px 79px;
  height:20px;
  white-space:nowrap;
}

div.mudivright
{
  margin: -23px 0px 0px 400px;
  height:20px;
}

div.mudivend
{
  margin: -16px 0px 0px 180px;
  height:20px;
}
input.mushort
{
  width:80px;
}

input.mulong
{
  width:380px;
}

input.musuperlong
{
  width:600px;
}


div.popinputleft
{
  margin: -22px 0px 10px 120px;
  width:240px;
  white-space:nowrap;
}

div.tptimecontent
{
  background-color:#DBD8D1;
  height:auto;  
}

div.woprogresscontent
{
  background-color:#DBD8D1;
  height:auto; 
  width:300px; 
}

div.popdatepicker
{
  margin: -31px 0px 0px 280px;
  padding-top:0px;
  white-space:nowrap;
}

div.popdatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  vertical-align:bottom; 
}

div.popbutton
{
  margin: 5px 0px 0px 280px;
  padding-top:0px;
  white-space:nowrap;
}

div.popbuttonassethistory
{
  margin: 70px 0px 0px 280px;
  padding-top:0px;
  white-space:nowrap;
}

div.popbuttonworkorderprogress
{
  margin: 70px 0px 0px 280px;
  padding-top:0px;
  white-space:nowrap;
}

div.popnorecord
{
  font-family:Arial;
  font-size:8pt;
  color:Black;
  font-weight:bold;
  margin:5px 0px 10px 0px;
}

div.munorecord
{
  font-family:Arial;
  font-size:8pt;
  color:Maroon;
  font-weight:bold;
  margin:20px 0px 10px 0px;
  padding:0px 0px 20px 0px;
}

div.mucontent
{
  background-color:#DBD8D1;
  height:auto;
}

div.mucontentassethistory
{
  background-color:#DBD8D1;
  height:505px;
}

div.mucontentworkorderprogress
{
  background-color:#DBD8D1;
  height:475px;
}

span.mulabel
{
  color:black;
  font-size:9pt;
  font-family:Arial;
  font-weight:bold;
  margin:0px 10px 10px 5px;
}
span.mucode
{
  color:black;
  font-size:8pt;
  font-family:Arial;
  margin:0px 0px 10px 0px;
}

div.mudatepicker
{
  margin: -18px 0px 0px 180px;
  padding-top:0px;
  white-space:nowrap;
}

div.mudatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  vertical-align:bottom; 
}

div.aboutcontent
{
  width:800px;
  height:auto;
  background-color:#DBD8D1;
  margin-top:5px;
}
div.aboutpagename 
{
  margin: 0px 0px 0px 0px;
  font-family: Arial;
  font-size: 14pt;
  font-weight: bold;
  color: Maroon;
}

.aboutlabelleft
{
  margin: 2px 0px 0px 5px;
}

.aboutlabelright
{
  height: 20px;
  margin: -15px 0px 0px 340px;
}

.jqmx
{
  margin:-40px -10px 0px 700px;
}
.reportbuttondiv
{
  margin:20px 0px 10px 0px;
  text-align:center;
}

.reportbuttondiv input
{
  width:320px;
}

div.reportcriteriacontent
{
  text-align:center;
  background-color:white;
  margin: 10px 0px 0px 0px;
  
  width:954px;
  height:auto;
}

span.maroonfont
{
  margin-top:2px;
  color:maroon;
  font-size:9pt;
  font-family:Arial;
}

span.blackfont
{
  margin-top:2px;
  color:black;
  font-size:9pt;
  font-family:Arial;
}
span.greenfont
{
  margin-top:2px;
  color:green;
  font-size:9pt;
  font-family:Arial;
}
span.bluefont
{
  margin-top:2px;
  color:blue;
  font-size:9pt;
  font-family:Arial;
}

/*

.popupfooter
{
  font-family:Arial;
  font-size:9pt;
  color:Black;
}


div.aboutprint
{
  margin: -30px 0px 0px 400px;
  font-family: Arial;
  font-size: 9pt;
}
.reportmaintable
{ 
  text-align:right;
  width:954px;
  background-color:White;
}
.reportmaintable tr
{ 
  text-align:right;
  background-color:White;
  width:700px;
}
.reportmaintable td
{ 
  font-family:arial;
  font-size:9pt;
  color:Black;
}


.emptytd
{
  white-space: nowrap;
  height:2px;
}
.reporttdleft
{
  font-weight: bold; 
  white-space: nowrap;
  text-align: left;
}
.reporttdright
{
   white-space: nowrap;
  text-align: right;
}
*/

.unsave
{
  margin-top:5px;
  margin-left:5px;
  font-family:Arial;
  font-size:9pt;
  color:Red;
}
.reporttdleftnormal
{
  white-space: nowrap;
  text-align: left;
}

.reporttdmiddle
{
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle;
}
.reportcentertitle
{
  white-space: nowrap; 
  text-align: center;
}

.reportlefttitle
{
  white-space: nowrap; 
  text-align: left;
}

.boldfont
{
  font-weight:bold;
}

.reportcenternontilte
{
  white-space: nowrap; 
  text-align: center;
}

.reportselect
{
  width:250px;
  
}
.reportsearchcriterialeft
{
  margin: 10px 590px 0px 0px;
  white-space:nowrap;
  text-align:right;
  width:490px;
  height:25px;
}
.reportcodesearcharealeft
{
  margin: -20px 580px 20px 104px;
  width:auto;
}
.reportsearchtitleleft
{
  width:80px;
  text-align:right;
}
.codecheckerrorleft
{
  margin: -40px 500px 10px 430px;
  width:auto;
}
.reportsearchcriteriaright
{
  margin: -25px 0px 5px 480px;
  white-space:nowrap;
  text-align:right;
  width:490px;
  height:25px;
}
.reportcodesearcharearight
{
  margin: -20px 580px 10px 106px;
  width:auto;
}
.reportsearchtitleright
{
  /*margin: 5px 0px 0px 380px;*/
  width:100px;
  text-align:right;
}
.codecheckerrorright
{
  margin: -32px 500px 5px 430px;
  width:auto;
}
.reportsearchcheckboxright
{
  margin: -30px 0px 10px 510px;
  white-space:nowrap;
  text-align:left;
}

.reportsearchcheckboxleft
{
  margin: 10px 0px 5px 28px;
  white-space:nowrap;
  text-align:left;
}

.reportsearchdateleft
{
  margin: 10px 600px 0px 0px;
  white-space:nowrap;
  text-align:left;
  width:340px;
  height: 25px;
}

.reportsearchdatefrom
{ 
  margin-top:-22px;
  margin-left:350px;
  float:left;
  white-space:nowrap;
  text-align:left;
  float:left;
  width:250px;
  height:30px;
}

.reportsearchdatefrom input
{
  height:15px;
}


.reportsearchdateto
{
  margin: -28px 0px 5px 600px;
  float:left;
  white-space:nowrap;
  text-align:left;
  float:left;
  height:20px;
}

.reportsearchdateto input
{
  height:15px;
}

div.reportfromdatepicker
{
  margin: -26px 0px 0px 530px;
  padding-top:0px;
  white-space:nowrap;
  float:left;
}

div.reportfromdatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  margin-top:0px;
  margin-left:-55px;
  margin-right:0px;
  float:left;
}

div.reporttodatepicker
{
  margin: -26px 0px 0px 750px;
  padding-top:0px;
  white-space:nowrap;
  float:left;
}

div.reporttodatepicker img
{
  white-space:nowrap;
  cursor:pointer;
  margin-top:2px;
  margin-left:-40px;
  float:left;
}


input.desconreport
{
  width:200px;
  background-color:lightgray;
  color:Black;
}
input.codeonreport
{
  width:120px;
}

input.uppercase
{
  text-transform:uppercase;
}

.popupdetails
{
  background-color:#DBD8D1;
  width:640px;
}
/*.reportstatus
{
  margin:-20px 20px 0 800px;
}
*/

.doubleline
{
  border-style: double; 
  margin: auto; 
  padding:10px;  
  width: 800px;
}
input.datefieldwidth
{
  width:80px;
}

div.errormessage
{
  color:Maroon;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
}

.black9
{
  color:black;
  font-family:Arial;
  font-size:9pt;
}

.black9italic
{
  color:black;
  font-family:Arial;
  font-size:9pt;
  font-style:italic;
}

span.black9
{
  color:black;
  font-family:Arial;
  font-size:9pt;
}

input.black9
{
  color:black;
  font-family:Arial;
  font-size:9pt;
}


label.black9
{
  color:black;
  font-family:Arial;
  font-size:9pt;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

p.contText {
	margin-left:10px;
	font-size:15px; 
	line-height:150%; 
	color:#333
	}
	
.jqmWindowImage {
    display: none;
    
    position: absolute;/*fixed*/
    top: 17%;
    /*left: auto;*/
    text-align:center;
    width:60%;

    margin-left: auto;
    /*width: 700px;*/
    /*margin: 0 auto;*/
    
    /*background-color: #EEE;*/
    color: #333;
    /*border: 1px solid black;*/
    padding: 12px;
}


/*Some CSS*/
.magnify {margin: 50px auto; position: relative;}

/*Lets create the magnifying glass*/
.large {
	width: 175px; height: 175px;
	position: absolute;
	border-radius: 100%;
	
	/*Multiple box shadows to achieve the glass effect*/
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
	0 0 7px 7px rgba(0, 0, 0, 0.25), 
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	
	/*Lets load up the large image first*/
	/*background: url('http://thecodeplayer.com/uploads/media/iphone.jpg') no-repeat;*/
	
	/*hide the glass by default*/
	display: none;
}

/*To solve overlap bug at the edges during magnification*/
.small { display: block; }