table,div,input,span,textarea,select,button {
        font-family: Verdana;
        font-size: 9pt;
    }
    textarea {
        width: 95%;
    }
    input.data {
        width: 95%;
    }
    input.number {
        width: 95%;
        text-align: right;
    }     
    table.data {
        table-layout:fixed; 
        vertical-align: middle;
	width: 852px;
	margin-right: 0px;
}
	table.usage 
	{
		border-style:solid ;
		border-color:Black;
		border-width:2px;
		}
    input.dropDown {
        width: 70%;
        height: 16px;
    }
    span.data{
        display:inline-block;
        border-width:1px;
        border-style:Solid;
        width: 95%;
    }            
    span.spanTextDropDown{ 
        position: absolute;
        top: 20px;
        left: 20px;
        width: 150px;
        z-index: 1201;
        background-color: #FFFFFF;
        border: 1px solid #000000;
        padding-left: 2px;
        overflow: visible;
        display: none;
    }
    span.spanNormalElement{
        background-color: #FFFFFF;
    }
    span.spanHighElement{
        background-color: black;
        color: white;
        cursor: pointer;
    }
    span.spanCalendar{
        position: absolute;
        top: 20px;
        left: 20px;
        width: 210px;
        z-index: 10101;
        overflow: visible;
        display: none;
    }
    span.status
    {
		background-color:Black ;
		color:Red;
		font-weight:bold ;
    }

	div.accountInfo
	{
		width: 42%;
	}
	
	.failureNotification
	{
		font-size: 1.0em;
		color: Red;
	}

	fieldset.login label, fieldset.register label, fieldset.changePassword label
	{
		display: block;
	}
	fieldset label.inline 
	{
		display: inline;
	}
	
	input.textEntry 
	{
		border: 1px solid #ccc;
		font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	}

	input.passwordEntry 
	{
		width: 320px;
		border: 1px solid #ccc;
	}
	
	.submitButton
	{
		text-align: right;
		padding-right: 10px;
	}
	.bold
	{
		font-weight:bold;
		}
		
	.lowZIndex
	{
		z-index: -999;
		position:absolute ;
	}
	
	/* HERE Mapping */
	body {
    background-color: #fff;
    /*border-top: solid 10px #000;*/
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

body { margin: 0 }
.row, .col { overflow: hidden; position: absolute; }
.row { left: 0; right: 0; }
.col { top: 0; bottom: 0; }
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }
.header.row { height: 175px; top: 10px; }
.body.row { top: 75px; bottom: 50px; }
.footer.row { height: 50px; bottom: 0; }

.H_ib_body {
    width: 250px;
}
    /* end of HERE mapping */

.textBoxAsLabel
{
    background-color: transparent;
    border: none;
}

.ui-autocomplete {
        font-size: 10px;
    }
        .tbcomplete
        {
             border-collapse: collapse;
        }
        .tbcomplete td
        {
             padding: 0;
        }
        /* dropdowns on WO detail are helped by this*/
        .ui-combobox {
            width: 100%;
        }
        .ui-combobox-input
        {
            width: 100%;
            font-size: 8pt;
        }
        .ui-combobox-button
        {
            width: auto !important;
            height: auto !important;
        }

        .ui-combobox-input
        {
            width: 95% !important;
            font-size: 9pt; 
        border-radius: 0 0 0 0;
    border-width: 0;   
    padding:1;
    height: 16px;
        }

  @-webkit-keyframes offHire {
    0%   { background-color: #800; }
    49% { background-color: #800; }
    50% { background-color: #f00; }
    99% { background-color: #f00; }
    100% { background-color: #f00; }
  }
  @-moz-keyframes offHire {
    0%   { background-color: #800; }
    49% { background-color: #800; }
    50% { background-color: #f00; }
    99% { background-color: #f00; }
    100% { background-color: #f00; }
  }
  @keyframes offHire {
    0%   { background-color: #800; }
    49% { background-color: #800; }
    50% { background-color: #f00; }
    99% { background-color: #f00; }
    100% { background-color: #f00; }
  }
.offHireAlarm {
    -webkit-animation: offHire 1s infinite;
    -moz-animation: offHire 1s infinite;
    animation: offHire 1s infinite;
}

    @-webkit-keyframes standDown {
    0%   { background-color: #9370DB; }
    49% { background-color: #9370DB; }
    50% { background-color: #D0D0D0; }
    99% { background-color: #D0D0D0; }
    100% { background-color: #9370DB; }
  }
  @-moz-keyframes standDown {
    0%   { background-color: #9370DB; }
    49% { background-color: #9370DB; }
    50% { background-color: #D0D0D0; }
    99% { background-color: #D0D0D0; }
    100% { background-color: #9370DB; }
  }
  @keyframes standDown {
    0%   { background-color: #9370DB; }
    49% { background-color: #9370DB; }
    50% { background-color: #D0D0D0; }
    99% { background-color: #D0D0D0; }
    100% { background-color: #9370DB; }
  }
  .standDownAlarm {
  -webkit-animation: standDown 1s infinite;
  -moz-animation:    standDown 1s infinite;
  animation:         standDown 1s infinite;
}