/*
WICK: Web Input Completion Kit
http://wick.sourceforge.net/
Copyright (c) 2004, Christopher T. Holland,
All rights reserved.
*/

.floater
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: none;
    padding: 0;
}

.floater td
{
    font-family: Gill, Helvetica, sans-serif;
    background-color: white;border: 1px inset #979797;
    color: black;
}

.matchedSmartInputItem
{
    font-size: 1.2em;
    padding: 5px 10px 1px 5px;
    margin: 0;
    cursor: pointer;
}

.selectedSmartInputItem
{
    color: white;
    background-color: #3875D7;
}

#smartInputResults
{
    padding: 0;
    margin: 0;
}

.siwCredit
{
    margin: 0;
    padding: 0;
    margin-top: 10px;
    font-size: 0.7em;
    color: black;
}

.mainbody
{
    background-color: #9FA5A7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
select.ratecode
{
    width: 12em;
}
.inp1
{
    maxlength: 1;
}
.inp2
{
    maxlength: 2;
}
.inp3
{
    maxlength: 3;
}
.inp4
{
    maxlength: 4;
}
.inp5
{
    maxlength: 5;
}
.inp6
{
    maxlength: 6;
}
.inp7
{
    maxlength: 7;
}
.inp8
{
    maxlength: 8;
}
.inp9
{
    maxlength: 9;
}
.inp10
{
    maxlength: 10;
}
.inp11
{
    maxlength: 11;
}
.q
{
    maxlength: 12;
}
.inp13
{
    maxlength: 13;
}
.inp14
{
    maxlength: 14;
}
.inp15
{
    maxlength: 15;
}
/*div
{
	float: left;
}*/
div.maindiv
{
    float: left;
    clear: both;
}
div.form_hdr
{
    float: left;
    clear: both;
    width: 100%;
}
div.form_adr
{
    float: left;
    margin-right: 5px;
    border: thin solid #DDDDDD;
}
div.form_foot
{
    float: left;
    clear: both;
    width: 100%;
}
div.footer
{
    float: left;
    clear: both;
    margin-top: 10px;
    font-size: smaller;
    width: 100%;
    white-space: nowrap;
}
td
{
    vertical-align: top;
    font-size: 9pt;
}
table.login
{
    background-color: #FFFFFF;
    border: thin solid black;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
table.login td
{
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}
table.maintable
{
    background-color: #FFFFFF;
    border: thin solid white;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 100%;
}
table.cmdtable
{
    background-color: #FFFFFF;
    border: thin solid black;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
td.welcome
{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
td.motd
{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
th.banner
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #9c9c9c;
}
table.freqaddr
{
    background-color: #DDDDDD;
    padding: 0 1px 0 1px;
    margin: 0;
    vertical-align: top;
}
.farowdef, .farowdefjob, .farowdefuser, .farowdefaddress
{
    background-color: #88FFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}

.farowodd, .farowoddjob, .farowodduser, .farowoddaddress
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    border: 0px #ffffff solid;
    border-left: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    padding: 2px 2px 2px 2px;
}
.faroweven, .farowevenjob, .farowevenuser, .farowevenaddress
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    border: 0px #ffffff solid;
    border-left: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    padding: 2px 2px 2px 2px;
}
.farowhilight, .farowhilightjob, .farowhilightuser, .farowhilightaddress
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}
.advisoryHeader, .advisoryData
{
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #FF0000;
    white-space: nowrap;
}
.redlabel, .redlabeltop
{
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #FF0000;
    white-space: nowrap;
}
.blacklabel, .blacklabeltop
{
    vertical-align: top;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: black;
    white-space: nowrap;
}
.print
{
    font-size: 8pt;
    color: #333333;
    text-align: center;
}
.address
{
    font-size: 11px;
    color: brown;
    font-weight: bold;
}
.caption
{
    font-size: 21px;
    line-height: normal;
    margin: 0;
    font-weight: normal;
    font-style: italic;
    margin-left: 20px;
}
.hint
{
    font-size: 9pt;
    color: #333333;
    font-style: italic;
}
.queryheader
{
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    background-color: #cccccc;
    vertical-align: middle;
    border: 0px #ffffff solid;
    border-left: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    padding: 2px 2px 2px 2px;
}
.queryheader2
{
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    background-color: #9c9c9c;
    vertical-align: middle;
}

.queryheader3
{
    font-size: 11px;
    color: #ff1010;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    background-color: #cccccc;
    vertical-align: middle;
    border: 0px #ffffff solid;
    border-left: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    padding: 2px 2px 2px 2px;
}

td.banner
{
    background: white url(../images/home_title.gif) no-repeat;
    height: 105px;
    width: 680px;
    text-align: center;
    vertical-align: top;
}
div.menu
{
    background: white;
    border: thin solid black;
    width: 100%;
}
span.banner
{
    display: none;
    font-size: 36pt;
    font-weight: bold;
}
.form-button
{
    font-size: 9pt;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #000000;
    background-color: #DDDDDD;
    padding: 1px;
    width: 12em;
}
.form-button-short
{
    font-size: 9pt;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #000000;
    background-color: #DDDDDD;
}
.jobattrib
{
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #333333;
    font-weight: bold;
}
.jobattribval
{
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: black;
}
.farowdef, .farowdefjob, .farowdefuser, .farowdefaddress
{
    background-color: #88FFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}
.faroweven, .farowevenjob, .farowevenuser, .farowevenaddress
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
}
.farowhilight, .farowhilightjob, .farowhilightuser, .farowhilightaddress
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}
input, select, textarea
{
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid #bababa;
    background-color: #ffffff;
}
input.button
{
    background-color: #F3F0F0;
    border: 0px solid rgb(99,110,139);
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    font-family: verdana, Arial, Helvetica;
}
input.check
{
    background-color: transparent;
    border: 0px none;
    background: #fff;
}
.checkbox, .radio
{
    background-color: transparent;
    border: 0px none;
}
div.boxed
{
    margin-top: 10px;
    background: white;
    border: 1px solid #bababa;
    width: 100%;
    float: none; /*padding: 5px 5px 5px 5px; */
}
.buttonlargeyellow, .buttonlargegreen, .buttonlargered
{
    background: white url(../images/buttonlargepurple.jpg) no-repeat;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif, Helvetica, Arial, Verdana;
    text-transform: uppercase;
    padding: 0px;
    height: 22px;
    width: 120px;
    border: 0px none;
    color: #fff;
    padding-bottom: 2px;
}

.buttonsmallyellow, .buttonsmallgreen, .buttonsmallred
{
    background: white url(../images/ButtonSmallPurple.jpg) no-repeat;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif, Helvetica, Arial, Verdana;
    text-transform: uppercase;
    padding: 0px;
    height: 22px;
    width: 55px;
    border: 0px none;
    color: #fff;
    padding-bottom: 2px;
}
.buttonsmallyellow17, .buttonsmallgreen17
{
    background: white url(../images/buttonsmallpurple17.jpg) no-repeat;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif, Helvetica, Arial, Verdana;
    text-transform: uppercase;
    padding: 0px;
    height: 17px;
    width: 55px;
    border: 0px none;
    color: #fff;
    padding: 0 0 2px;
}
.buttonyellow, .buttonred, .buttongreen
{
    background: white url(../images/ButtonMediumPurple.jpg) no-repeat;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif, Helvetica, Arial, Verdana;
    text-transform: uppercase;
    padding: 0px;
    height: 21px;
    width: 79px;
    border: 0px none;
    color: #fff;
    padding-bottom: 2px;
}

td.labels
{
    padding: 0 1px 0 1px;
    margin: 2px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: right;
    white-space: nowrap;
}
TABLE.datalist
{
    margin: 0px; /*border-collapse: collapse; */
    border: solid 0 #fff;
    border-top: 1px solid #bababa;
    border-right: 1px solid #bababa;
}

.PageTitle
{
    padding-bottom: 8px;
    border-bottom: 1px black dotted;
}

.SubTitle
{
    font-size: 14px;
    color: #FF2020;
    font-weight: bold;
}

.report_data
{
    text-align: right;
    vertical-align: middle;
    padding-right: 4px;
}

table.itemtrack
{
    border-collapse: collapse;
    display: inline-block;
    margin-right: 30px;
    margin-top: 15px;
    vertical-align: top;
}
table.itemtrack thead tr
{
    background-color: #ccc;
    font-weight: bold;
}
table.itemtrack td, table.itemtrack th
{
    border: 1px solid black;
    min-width: 100px;
    text-align: left;
    padding-left: 4px;
}
table.itemtrack .right, table.itemtrack .pu, table.itemtrack .del, table.itemtrack .pend
{
    padding-right: 4px;
    text-align: right;
    line-height: 1.2em;
}
table.itemtrack .reset
{
    min-width: 0;
}
table.itemtrack a
{
    text-decoration: underline;
    color: blue;
}
div.itemhist table td
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 2px 10px;
}
div.itemhist table
{
    border-collapse: collapse;
}

.submenu div
{
    float: left;
}
.ui-autocomplete-input
{
    margin-bottom: 2px;
}

.timeSelectRow.td
{
    padding-top: 4px;
}

.aboveSelectTD
{
    padding-bottom: 6px;
}
input.timeInput
{
    background-color: #5a5a5a;
    color: #ffffff;
}
.even td
{
    background-color: #eaeaea;
}
.productsListRow.even td
{
    background-color: #eaeaea;
}
.productsListRow.over td
{
    background-color: #a0a0a0;
    cursor: pointer;
}
.productsListRow.selected td
{
    background-color: #707070;
    border: thin solid black; /*font-weight: bold;*/
    color: White;
}
.setColumn
{
    width: 200px;
}
.setColumnTextMiddle
{
    display: table-cell;
    vertical-align: bottom;
    width: 120px;
}

.pricing
{
    border: solid 2px black;
    padding: 10px;
    width: 500px;
    float: left;
    margin-left: 200px;
}

.serviceTypeClass
{
    border-style:none;
}

.ServiceRow span
{
     display: inline-block;
     min-width: 80px;
}