/*----------------------------------------------------------
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.
----------------------------------------------------------*/
body
{
    background-color: #5c87b2;
    font-size: .7em;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

hr
{
  clear:both;
}

img
{
  border:none;
}

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;
}

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

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

h1 a, h1 a:visited, h1 a:link
{
  color: #fff;
  text-decoration:none;
}

h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
    margin:0;
    padding:0;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* 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: 90%;
    margin-left: auto;
    margin-right: auto;
}

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

#header h1
{
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 1.5em;
    font-size: 24px !important;
}

#main
{
    padding: 20px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

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

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

ul#menu li a
{
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2em;
    background-color: #e8eef4;
    color: #034af3;
}

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 #aaa;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
    line-height: 2em;
    clear:left;
}

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

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

fieldset form
{
  display:inline-block;
}

fieldset label
{
  width:200px;
  padding-right:10px;
  text-align:right;
  float:left;
  clear:left;
}

fieldset label.large
{
  width:250px;
  display:inline-block;
  padding-right:10px;
  text-align:right;
}

fieldset label.error
{
  color:#ff0000;
  width:auto;
  font-weight:bold;
  font-style:italic;
  padding-left:2px;
}

fieldset .label
{
  font-weight:bold;
  float:left;
  margin-bottom:10px;
  margin-left:10px;
}

fieldset input
{
  float:left;
}

fieldset button
{
  clear:left;
  float:left;
}

fieldset small
{
  float:left;
}

fieldset input[type=text]
{
  border:solid 1px #000033;
}

fieldset input[type=password]
{
  border:solid 1px #000033;
}

fieldset select
{
  border:solid 1px #000033;
  float:left;
}

fieldset span.field-validation-error
{
  float:left;
  margin-left:10px;
  font-weight:bold;
}

fieldset .required
{
  font-weight:bold;
}

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

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

table td 
{
  padding: 5px;   
}

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

.machineList
{
  table-layout:fixed;
}

.machineList td
{
  text-align:right;
  padding:5px;
}

.machineList tfoot td
{
  font-weight:bold;
  border-top:solid 1px #000;
  text-align:right;
  padding:5px;
}

.machineList th
{
  padding: 5px;
  text-align: right;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;
}



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

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:10px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* 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;
}


#machinesContainer input[type="text"]
{
  width:60px;
}

#machinesContainer table
{
  
}

.amount
{
  width:60px;
}

.data-label
{
  width:150px;
  float:left;
  text-align:right;
  margin-right:5px;
}

.data-field
{
  float:left;
  font-weight:bold;
  width:200px;
}

.item-action
{
  height:24px;
}

.item-action a
{
  font-size:1.1em;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  display:inline-block;
  line-height:24px;
  padding-right:5px;
}

.item-actions
{
  width:150px;
  float:left;
}

.item-actions div
{
  height:28px;
  margin-bottom:2px;
}

.item-actions img
{
}

.item-actions div a, .item-actions div a:visited, .item-actions div a:link
{
  text-decoration:none;
  color:#000;
  display:inline-block;
  line-height:26px;
  height:26px;
  padding-right:5px;
  margin-bottom:2px;
}


.item-data
{
  width:400px;
  float:left;
}

.report
{
  height:36px;
  padding-left:150px;
  clear:left;
}

.report a
{
  font-size:1.1em;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  display:inline-block;
  line-height:36px;
  padding-right:5px;
}

.report input[type='submit']
{
  margin-left:10px;
}

.edit
{
  height: 28px;
  margin: 0;
  background: #eee url(images/page-edit-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.disable
{
  height: 28px;
  margin: 0;
  background: #eee url(images/stop-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.disable-no-text
{
  height: 28px;
  width:28px;
  margin: 0;
  background: #eee url(images/stop-icon.png) no-repeat center center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  border:solid 1px #aaa;
}

.unlock
{
  height: 28px;
  margin: 0;
  background: #eee url(images/lock-off-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.enable
{
  height: 28px;
  margin: 0;
  background: #eee url(images/accept-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.enable-no-text
{
  height: 28px;
  width:28px;
  margin: 0;
  background: #eee url(images/accept-icon.png) no-repeat center center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  border:solid 1px #aaa;
}

.delete
{
  height: 28px;
  margin: 0;
  background: #eee url(images/remove-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.delete-no-text
{
  height: 28px;
  width:28px;
  margin: 0;
  background: #eee url(images/remove-icon.png) no-repeat center center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  border:solid 1px #aaa;
}

.remove
{
  height: 28px;
  margin: 0;
  background: #eee url(images/remove-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.lock
{
  height: 28px;
  margin: 0;
  background: #eee url(images/lock-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.up
{
  height: 28px;
  margin: 0;
  background: #eee url(images/up-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.create
{
  height: 28px;
  margin: 0;
  background: #eee url(images/add-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.back
{
  height: 28px;
  margin: 0;
  background: #eee url(images/back-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.next
{
  height: 28px;
  margin: 0;
  background: #eee url(images/next-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.save
{
  height: 28px;
  margin: 0;
  background: #eee url(images/save-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.search
{
  height: 28px;
  margin: 0;
  background: #eee url(images/search-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:28px;
  font-size:1.1em;
}

.pdf
{
  height: 36px;
  margin: 0;
  background: #eee url(images/Acrobat-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:36px;
  font-size:1.1em;
}

.excel
{
  height: 36px;
  margin: 0;
  background: #eee url(images/Excel-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:36px;
  font-size:1.1em;
}

.csv
{
  height: 36px;
  margin: 0;
  background: #eee url(images/Notepad-icon.png) no-repeat left center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight:bold;
  border:solid 1px #aaa;
  text-align:left;
  padding-left:36px;
  font-size:1.1em;
}

.saveCollection
{
  padding-left: 32px;
  height: 34px;
  margin:0;
  background: #eee url(images/save-icon.png) no-repeat 4px center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight: bold;
  border: 4px outset #ccc;
  text-align: left;
  font-size: 1.1em;
}

.saveCollection:hover
{
  padding-top:2px;
  padding-left: 34px;
  height: 34px;
  margin:0;
  background: #eee url(images/save-icon.png) no-repeat 6px center;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  font-weight: bold;
  border: 4px inset #ccc;
  text-align: left;
  font-size: 1.1em;
}

.address
{
  width:200px;
  float:left;
}

.locations
{
  width:500px;
  float:left;
  margin-right:10px;
}

.hidden
{
  display:none;
}

.money
{
  text-align:right;
}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.sortable li span { position: absolute; margin-left: -1.3em; }

.ui-dialog {
    z-index: 9999 !important;
}