/*
    /msgtrack/ CSS style sheet, to be used in conjunction with standard
    intranet style sheet

    Contains generic rules for all media types,
    followed by extra rules specific to screen or printer

    Chris Denning, September 2005
    Contact Company Systems Helpdesk with any queries
*/


HTML
{
  background-color: white;
  color: black;
  font-family: "Arial" , sans-serif;
  font-size: small;
}

H3
{
  font-weight: 500;
}

TD
{
  padding: 2px;
}

.auditYes
{
  background-color: #ccfedb;
}

.auditNo
{
  background-color: #ffd9d9;
}

.column_highlight
{
  background-color: #fffff0;
  border-right: solid 1px black;
  border-left: solid 1px black;
}

.invoiced
{
  border-color: blue;
  color: blue;
}

.invoiced_no_match
{
  color: blue;
}

.invoiced_match
{
  color: green;
}

.not_invoiced_no_match
{
  color: red;
}

.not_invoiced_match
{
  color: black;
}

.holiday
{
  color: red;
}

.uk_holiday
{
  color: green;
}

.us_holiday
{
  color: blue;
}

.noPadding
{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.fulfilled
{
  background-color: #BBF7C8;
}

.assigned
{
  background-color: #FFBF5B;
}

.unassigned
{
  background-color: #ED8184;
}

.template
{
  background-color: #D0D0FF;
}

.sectionLine
{
  border-top: 0.1em Solid Black;
}

/*
Report table style
*/
.rptTable
{
  border: 1px solid #000066;
}

.delivSched
{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
}

.date
{
  white-space: nowrap;
}

.panel
{
  background-color: #fffff0;
  border: 0.1em Solid Black;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  float: left;
}

.gridFooter
{
  background-color: #fffff0;
  border-top: 0.05em dotted Black;
}

.toolbar
{
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.subtotal
{
  border-top: 0.1ex dotted;
}

.usagecell
{
  border: None;
  color: Black;
}

.negativeStock
{
  border: None;
  background-color: Red;
  color: Black;
  font-weight: bold;
}

.stockMgmt .number :link, .stockMgmt .number :visited, .stockMgmt .number :active
{
  color: Black !important;
}

.sumbreak
{
  border-top: solid 0.125em Black;
  border-bottom: solid 0.125em Black;
  color: GREEN !important;
  font-weight: bold;
  text-align: right;
}

.sumbreak :link, .sumbreak :visited, .sumbreak :active
{
  color: GREEN !important;
}

.subtotalbreak
{
  border-top: solid 0.25em Black;
  border-bottom: solid 0.25em Black;
  color: BLUE !important;
  font-weight: bold;
  text-align: right;
}

.subtotalbreak :link, .subtotalbreak :visited, .subtotalbreak :active
{
  color: GREEN !important;
}

.grandtotal
{
  border-top: 0.5em Black;
  border-bottom: 0.5em Black;
  color: Red !important;
  font-weight: bold;
  text-align: right;
}

.grandtotal :link, .grandtotal :visited, .grandtotal :active
{
  color: GREEN !important;
}

.currMonth
{
  background-color: Purple;
  color: White;
  font-weight: bold;
}

.stockEditable
{
  background-color: Yellow;
}

.stockMgmt :link, .stockMgmt :visited, .stockMgmt :active
{
  text-decoration: none;
}

/* positioning for div/panel blocks */
.floatLeft
{
  margin: 0.5em;
  float: left;
}

.floatRight
{
  margin: 0.5em;
  float: right;
}

.clearBoth
{
  clear: both;
}

.stripe
{
  background-color: #EEEEEE;
}

/* Caption for fields in tables in detail/edit view */
.fieldHeading
{
  font-weight: bold;
  text-align: right;
}

.orderLineItemTable
{
  border-collapse: separate;
  padding: none;
  width: 100%;
}

.orderLineItemTable TH
{
  text-align: left;
  padding: 1px;
}

.orderLineItemTable TR
{
  vertical-align: top;
}

.orderLineItemTable TD
{
  padding: 1px;
}

.stockAllocationTable, .stockAllocationTable TD, .stockAllocationTable TH
{
  border: solid 1px black;
}

.contractTextbox
{
  width: 50em;
}

.contractNumber
{
  width: 3em;
}

.detailHidden
{
  display: none;
  visibility: hidden;
}

.categoryBlock
{
  float: left;
  margin-right: 1em;
}

.subForm
{
  padding: 1em;
  border: solid 2px #00305c;
  margin: 1em;
}

.rowLight TR:hover
{
  background-color: #EEEEEE;
}

/* CSS 3 style - enabling long words to
 to wordwrap when they wouldn't otherwise */
.breakWord
{
  word-wrap: break-word;
}

.taskCell
{
  word-wrap: break-word;
  vertical-align: top;
}

.longDesc
{
  word-wrap: break-word;
  width: 30em;
}

.opsNotesBanner
{
  border: 1px solid black;
  font-size: larger;
  padding: 5px;
  margin-top: 5px;
}

.fixBeforeShippingBanner
{
  border: 1px solid black;
  background-color: #FF7777;
  font-size: larger;
  padding: 5px;
  margin-top: 5px;
}

.ooiInfoBanner
{
  border: 1px solid black;
	background-color: #BCF7C5;
  font-size: larger;
  padding: 5px;
  margin-top: 5px;
}

/*
 Used on sales revenue pages
*/
div.pnl_CustRev
{
  clear: both;
  float: left;
  border: 1px solid black;
  border: collapse;
}

.approved
{
  white-space: nowrap;
  text-align: right;
  color: black;
}

.unapproved
{
  white-space: nowrap;
  text-align: right;
  color: red;
}

.sales_rev_hide
{
  color: White;
  line-height: 1px;
}

/*
 Used for the Salesman specific help menu bar
*/
.helpSales
{
  background-color: Aqua;
  font-size: larger;
  font-weight: bold;
}

/*
 Used for the Salesman specific help menu bar
*/
.helpSales a
{
  color: Red !important;
}

.packingList, .packingListView
{
  margin: 0em 0 1em 0;
  border: solid 3px Gray;
  padding: 1em;
  background-color: White;
}

.packingListHeader
{
  color: #00305c;
  font-size: larger;
  margin: 1em 0 1em 0;
}

.packingList TABLE
{
  width: 100%;
}

.packingList DIV
{
  margin: 2px;
  margin-left: 2em;
  padding: 2px;
}

.packingList DIV.customerOrder
{
  margin-left: 0;
}

.packingList DIV DIV.showChildren
{
  border: none;
  border-left: solid 2px Black;
  margin-left: 4px;
}

.packingList IMG
{
  margin-right: 4px;
}

.packingList SELECT, .packingList A
{
  margin-left: 1em;
  margin-right: 1em;
}

.packingList INPUT
{
  margin-left: 1em;
}

.packingList DIV.hideChildren
{
  border: none;
  border-top: dashed 2px Black;
}

.packingList DIV.hideChildren *
{
  display: none;
}

.packingList .overridden
{
  background-color: Yellow;
  margin-left: 4px;
  margin-right: 4px;
}

.packingListView .plHeader
{
  font-size: large;
  font-weight: bold;
  margin: 1ex 0 1ex 0;
}

.packingListView .plBoxNumber
{
  font-size: larger;
  font-weight: bold;
  margin: 1ex 0 1ex 0;
}

.packingListView .plHeaderDiv
{
  height: 140px;
}

.packingListView TD
{
  vertical-align: top;
}

.plTable
{
  border: solid 1px black;
  width: 100%;
  margin: 1ex 0 0 0;
}

.plTable TH
{
  background-color: White;
  text-align: left;
}

.plHeaderTable TH
{
  background-color: White;
  text-align: center;
}

.plHeaderTable
{
  border: solid 1px black;
  float: right;
  margin: 1ex 0 2ex 0;
  width: 150;
  font-size: 16pt;
  height: 100px;
}

.plHeaderAddress
{
  margin: 0 0 0 0;
  float: left;
  width: 260px;
}

.plHeaderLogo
{
  float: left;
  width: 260px;
}

.plSignOff, .plSignOff TD, .plSignOff TH
{
  border: solid 1 black;
  text-align: left;
  vertical-align: bottom;
}

.plTable TH, .plTable TD, .plHeaderTable TH, .plHeaderTable TD
{
  border: solid 1px Black;
  padding: 0.5ex;
}

.unresolved
{
  color: red;
}

.invalidQuantity, .invalidQuantity INPUT
{
  background-color: Yellow;
  color: red;
}

.installChecklistSectionTitle
{
  font-size: large;
  font-weight: bold;
  width: 100%;
  border: solid 1px Black;
  background-color: #CD9B9B;
}

.installChecklistDragStep
{
  margin: -1px;
  border: solid 1px Black;
  padding: 1px;
  background-color: #CD9B9B;
}

.installChecklistDragSection
{
  margin: -1px;
  border: solid 1px Black;
  padding: 1px;
  background-color: #B2DFEE;
}

.installChecklistDragList li
{
  list-style-type: none;
  margin-left: 0px;
}

.installChecklistDragHandle
{
  height: 10px;
  width: 10px;
  border: solid 1px black;
  background-color: #78AB46;
  cursor: pointer;
}

.installChecklistStepKBArticle
{
  border: solid 1px Gray;
  background-color: #CCCCCC;
  padding: 1ex;
  white-space: normal;
  overflow: auto;
  height: 100%;
  margin-top: 3px;
}

.installChecklistStepDetails
{
  padding: 2ex;
}

.installChecklistStepOutOfDate
{
  background-color: Yellow;
}

.installChecklistStepManuallyAdded
{
  background-color: #C0D9AF;
}

.installChecklistStepRecentlyUpdated
{
  background-color: #87CEEB;
}

.installChecklistStep
{
  font-weight: normal;
}

.installChecklistStepHardware
{
  margin-right: 20px;
  font-style: italic;
}

.installChecklistAddStepList
{
  margin: 10px;
  height: 250px;
  width: 90%;
  overflow: auto;
  border: solid 1px black;
  background-color: White;
}

.installChecklistTemplateSteps
{
  margin-top: 10px;
  padding-top: 5px;
  width: 100%;
  border-top: solid 1px green;
}

.auditHeader
{
  border: solid 1px green;
  background-color: White;
}

.auditHWSEntry
{
  border: solid 1px green;
  background-color: White;
}

.auditUnmatched
{
  background-color: yellow;
}

.auditError
{
  background-color: red;
}

.auditNoItemsMessage
{
  border: solid 1px black;
  padding: 2px;
  float: none;
}

.auditNoItemsMessagePanel
{
  margin-top: 6px;
}

.copyOrderInfoCheckFailed
{
  color: red;
  font-weight: bold;
}

.uploadSuccess
{
  border: solid 1px green;
  background-color: white;
  vertical-align: middle;
}

.copyOrderInfoCheckPassed
{
  color: green;
}

.criteria, .panelBox
{
  clear: both;
  margin: 2px;
  border: solid 2px Gray;
  background-color: White;
  padding: 1em;
  overflow: visible;
  width: auto;
}

.criteria H2, .criteria H3, .panelBox H2
{
  margin: 0;
}

.criteria DIV
{
  margin: 1ex;
  border: solid 2px Gray;
  padding: 1ex;
  float: left;
}

.pager
{
  margin: 4px;
}

/* Classes corresponding to ext_company_type (with spaces removed) for row highlighting */
.Prospect
{
  background-color: #33CC99;
}

.Customer
{
  background-color: #66FF99;
}

.Internalcustomer
{
  background-color: #9966FF;
}

.Partner
{
  background-color: #FFCC99;
}

.Partnerandcustomer
{
  background-color: #EEEE99;
}

.Consultant
{
  background-color: #EEEEEE;
}

.Contractor
{
  background-color: #EEEEEE;
}

.Other
{
  background-color: #EEEEEE;
}

.PartnerwithSwitch
{
  background-color: #EEEE88;
}


/* Classes corresponding to alternate row highlighting */
.RowStyle1
{
  background-color: #FFFACD;
}

.RowStyle2
{
  background-color: #EEE9E9;
}

.shipWizardWarning
{
  color: red;
  font-weight: bold;
}

.shipWizardNeedsPmtaLicenceWarning
{
  color: red !important;
  border: 2px solid red;
  font-weight: bold !important;
}

table.orderComparison, table.orderComparison th, table.orderComparison td
{
  border: solid 1px black;
}

table.orderComparison .different
{
  background-color: Yellow;
}

table.orderComparison .different span
{
  font-weight: bold;
  text-decoration: underline;
}

.bookinginusercontrols
{
  float: left;
  margin: 10px;
  padding: 10px;
  border: solid 1px black;
}

.cljScreenOnly
{
}

.stockNotes
{
  font-size: smaller;
}

/* Main menu page */
.menuButton
{
  padding-bottom: 10px;
}

.menuSortColumns
{
  width: 33%;
  float: left;
}
/* New Field */
.newField
{
  background-color: Yellow;
  font-size: small;
  font-weight: bold;
  padding: 0 5px 0 5px;
}

/* Styles only used for printer, may override the common ones above */
@media print
{
  HTML
  {
    background-color: white;
    font-size: 8pt;
  }

  :link, :visited, :active
  {
    text-decoration: none;
    color: black;
  }

  .lowStock
  {
    text-decoration: underline;
  }

  .delivSched
  {
    font-size: 10pt;
  }

  .contrastBand
  {
    background-color: White;
  }

  .plPageBreak
  {
    page-break-after: always;
    visibility: hidden;
  }

  .packingListView
  {
    border: none;
  }

  .plWeight, .stockNotes
  {
    visibility: hidden;
    display: none;
  }
}

/* Styles only used for screen, may override the common ones above */
@media screen
{

  TH, .TH
  {
    background-color: #FFE4B5;
  }

  .lowStock
  {
    color: red;
    text-decoration: underline;
  }

  .plPageBreak
  {
    background-color: Gray;
    color: White;
    text-align: center;
    font-weight: bold;
    padding: 1ex;
    margin: 1em 0 1em 0;
  }

  .plWeight
  {
    color: Gray;
  }

  /* Hack for Chrome as it breaks if you use run-in */
  th.ScreenOnly, td.ScreenOnly
  {
    display: table-cell;
    visibility: inherit;
  }
}

#window
{
  position: absolute;
  width: 616px;
  overflow: visible;
  display: none;
  border: solid 3px black;
}

#windowTop
{
  height: 30px;
  background-position: right top;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-color: #FFE4B5;
}

#windowTopContent
{
  margin-right: 10px;
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: black;
}

#windowBottom
{
  position: relative;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #FFE4B5;
}

#windowBottomContent
{
  position: relative;
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-right: 10px;
}

#windowContent
{
  position: absolute;
  top: 30px;
  left: 10px;
  overflow: visible;
  margin-right: 10px;
  border: none;
  width: 584px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFACD;
  padding: 5px;
}

#windowClose
{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.windowControls
{
  margin-bottom: 5px;
}

.windowControls label
{
  width: 80px;
  float: left;
  margin-top: 10px;
}

.error
{
  float: none !important;
}

.windowFieldName
{
  width: 80px;
  float: left;
}

.windowButtons input
{
  margin-top: 5px;
  margin-right: 5px;
}

.commodityCountError
{
  background-color: #FF6666;
}

.commodityCountSaving
{
  background-color: Yellow;
}

.commodityCountOk
{
  background-color: #A0FFA0;
}

/*
 * Sort arrow icon positioning
 */
table thead th div.DataTables_sort_wrapper
{
  position: relative;
  padding-right: 20px;
}

table thead th div.DataTables_sort_wrapper span
{
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
}

.cosysDate
{
  width: 6em;
}

.search_init
{
  font-style: italic;
}

.errorMessage
{
  color: #F00;
  background-color: #FFF;
}

.dialogForm
{
  clear: both;
  width: auto;
}
.dialogForm label
{
  display: block;
  float: left;
  width: 11em;
  margin-bottom: 0.5em;
}
.dialogForm input, .dialogForm select
{
  display: block;
  width: 11em;
  margin-bottom: 0.5em;
}


/*
 * RGB Colours for deal list
 * Red - 255,124,128 - FF7C80
 * Deep Blue - 102,153,255 - 6699FF
 * Light Blue - 204,236,255 - CCCEFF
 * Yellow - FFFF99
 * White - 255,255,255 - FFFFFF
 */

.closableWellFormed
{
  background-color: #FFFFFF !important;
}

.closableNotWellFormed
{
  background-color: #FFFF99 !important;
}

.dealNotOnBuildQueue
{
  background-color: #FFFFFF !important;
}

.buildListNotWellFormed
{
  background-color: #FF7C80 !important;
}

.buildListPlanned
{
  background-color: #6699FF !important;
}

.buildListUnplanned
{
  background-color: #CCECFF !important;
}

.dealListSummaryTable
{
  background-color: #E0E0E0;
}

.dealListSummaryTotal
{
  background-color: #C2C2C2;
}

.dealListTitle
{
  font-weight: bold;
}

.dealListTableNumeric
{
  text-align: right;
}

.dealListTable
{
  font-size: 83%;
}
TABLE.cosTable
{
  border: 1px solid #000;
}
TABLE.cosTable TD, TABLE.cosTable TH
{
  border: 1px solid #000;
}
.editButton
{
  padding: 1px;
}
.editButton:hover
{
  background: #fbb;
  cursor: pointer;
}
table.refData tr.editRow, table.refData tbody tr.editRow, table.refData tbody tr.editRow td
{
  background: #fcc;
}
.formLayout fieldset
{
  border: none;
}
.formLayout fieldset p
{
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
}
.formLayout fieldset p label
{
  float: left;
  width: 40%;
}
table.refData tr:hover, table.refData tbody tr:hover, table.refData tbody tr:hover td
{
  background: #ddd;
}
img.icon32link
{
  display: block;
  float: left;
  position: relative;
  top: -7px;
}

.dealEventDate
{
  text-align: right;
}
.dealEventDateOverdue
{
  color: Red;
  font-weight: bold;
  text-align: right;
}

.dealEventDateSoon
{
  color: Fuchsia;
  font-weight: bold;
  text-align: right;
}

.agrTable, .agrTable TD, .agrTable TH
{
  border: 1px solid black;
  text-align: left;
  vertical-align: top;
}
.metaswitchSerialNumber input
{
  text-transform: uppercase;
}


table.gvOrders td
{
  padding: 1px;
  font-size: 0.9em;
}

#customercolumn
{
  width: 200px;
}


.notcontract
{
  height:auto;
  overflow:auto;
  width:15em;

}

.contract
{
  height:1.8em;
  overflow:hidden;
  width:15em;
  white-space:nowrap;
  text-overflow: ellipsis;
}

div#statusdiv.contract, div#OOIETAdiv.contract
{
  width:5em;
}

div#statusdiv.notcontract, div#OOIETAdiv.notcontract
{
  width:5em;
}

.importcolumn
{
  width:20em
}

DIV.divCriteriaNoBorder
{
  border:none;
  padding:0;
  margin:0;
}

#dvCustListCountryState
{
  width:180px;
}

.leftPadding10
{
  padding-left:10px;
}

.highlightNotes
{
  border: 1px solid black;
	background-color: Aqua;

}

.hidden
{
  display:none;
}

.componentEOLdateRed input, .componentEOLdateRed  a
{
  color:Red
}

.componentEOLdateAmber input, .componentEOLdateAmber  a
{
  color:#FF8000
}

.componentEOLdateGreen input, .componentEOLdateGreen  a
{
  color:Green;
}

.revenueTotal
{
  font-weight : bold;
}

.dtDetails
{
  background-color: #cccccc;
}

.dealEventChangeLog
{
  margin: 10px;
  background-color: White;
  border: 1px solid Black;
  padding: 10px;
  height: 120px;
  width:90%;
}

.showHideDetails
{
  cursor:pointer;
}
.eventStateTable
{
    background-color:#E6E6E6;
    border: 1px solid lightGrey;
    padding: 5px;
    width: 90%;
    margin:10px;
}
.eventStateTable th
{
  text-align:left;
  background-color:inherit;
}

.eventStateTable td
{
  text-align:left;
  background-color:inherit;
}

.quoteLogClassAudit
{
  background-color: White;
}
.quoteLogClassWarning
{
  background-color: Yellow;
}
.quoteLogClassError
{
  background-color: Red;
}

.quoteLogClassFatalerror
{
  background-color: Red;
}

.poHeaderDiv
{
  width: 100%;
}

.poHeaderTable
{
  border: solid 1px black;
  float: right;
  margin: 1ex 0 2ex 0;
  width: 150;
  font-size: 14pt;
  height: 100px;
}

.poHeaderTable TH, .poHeaderTable TD
{
  background-color: White;
  text-align: center;
  border: solid 1px Black;
  padding: 0.5ex;
  text-align: left;
}

.poHeaderLogo
{
  float: left;
  width: 260px;
}

.poTitle
{
  text-align:center;
  width: 100%;
  font-size:x-large;
  font-weight:bold;
  margin: 1ex 0 2ex 0;
}

.poTable
{
  border: solid 1px black;
  width: 100%;
  margin: 1ex 0 0 0;
}

.poTable TH
{
  background-color: White;
}

.poTable TH, .poTable TD
{
  border: solid 1px Black;
  padding: 0.5ex;
  text-align: left;
}

.poFooterTable
{
  border: none;
  width: 100%;
  margin: 3ex 0 0 0;
}

.poFooterTable TH
{
  background-color: White;
}

.poFooterTable TH, .poFooterTable TD
{
  border: none;
  padding: 0.5ex;
  text-align: left;
}

.poOrderTotal
{
  font-weight:bold;
}

.supplierDeliveryExpansion
{
  margin-left:50px;
  background-color:transparent;
}

.dtRowSupplierDelivery
{
  border-bottom: 1px solid black;
}

.dtRowSupplierDelivery.evenRowExpansion
{
  background-color:White;
}

.dtRowSupplierDelivery.oddRowExpansion
{
  background-color:#E2E4FF;
}

.supplierOrderRow
{
  font-weight: bold;
}

.supplierDeliverySubTable td
{
  border: 1px solid #d3d3d3;

}

#pnlSubscriptions .ui-widget-header, #pnlSubscriptionDetail .ui-widget-header
{
  background: #FFE4B5;
}

.transferIndent
{
  position: relative;
  left: 100px;
  width: 92%;
}

.deleteEmployeeCapabilities
{
  color: red;
}

/* Styles for multiselect */

.ui-multisel
{
  border: solid 1px;
  font-size: 0.8em;
}

.ui-multisel ul
{
  -moz-user-select: none;
}

.ui-multisel li
{
 margin : 0;
 padding: 0;
 cursor: default;
 line-height: 20px;
 height: 20px;
 font-size: 11px;
 list-style: none;
}

.ui-multisel li a
{
  color: #999;
  text-decoration: none;
  padding: 0;
  display: block;
  float: left;
  cursor: pointer;
}

.ui-multisel li.ui-draggable-dragging
{
  padding-left: 10px;
}

.ui-multisel div.selected
{
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  float:left;
}

.ui-multisel ul.selected
{
  position: relative;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  background: #fff;
  margin: 0;
  list-style: none;
  border: 0;
  position: relative;
  width: 100%;
}

.ui-multisel div.available {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  float:left;
  border-left: 1px solid;
}

.ui-multisel ul.available
{
  position: relative;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  background: #fff;
  margin: 0;
  list-style: none;
  border: 0;
  width: 100%;
}

.ui-multisel ul.available li
{
  padding-left: 10px;
}

.ui-multisel .ui-state-default
{
  border: none;
  margin-bottom: 1px;
  position: relative;
  padding-left: 20px;
}

.ui-multisel .ui-state-hover
{
  border: none;
}

.ui-multisel .ui-widget-header
{
  border: none;
  font-size: 11px;
  margin-bottom: 1px;
}

.ui-multisel .add-all
{
  float: right;
  padding: 7px;
}

.ui-multisel .remove-all
{
  float: right;
  padding: 7px;
}

.ui-multisel .search
{
  float: left;
  padding: 4px;
}

.ui-multisel .count
{
  float: left;
  padding: 7px;
}

.ui-multisel li span.ui-icon-arrowthick-2-n-s
{
  position: absolute;
  left: 2px;
}

.ui-multisel li a.action
{
  position: absolute;
  right: 2px;
  top: 2px;
}

.ui-multisel input.search
{
  height: 14px;
  padding: 1px;
  opacity: 0.5;
  margin: 4px;
  width: 100px;
}

.multisel
{
  width: 500px;
  height: 200px;
}
	
#switcher
{
  margin-top: 20px;
}

.generatorDiv
{
  float: left;
  display: inline-block;
  padding-bottom: 10px;
  margin-left: 0;
}

#divFields
{
  width:535px;
}

#divFilters
{
  width:655px;
}

#iptMinMax
{
  float: left;
  margin-bottom: 5px;
}

.returnSet
{
  float: left;
  width: 100%;
}

.saveQuery, .ddlGroupNames
{
  float: left;
}

#tblResultSet,
#tblSavedQueries
{
  width: 100%;
}

.reportLinkable
{
  color: #0000FF !important;
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}

.slFilterType
{
  margin-right: 5px;
}

#iptMinMax
{
  margin-right: 10px;
}

.deleteFilterRow
{
  color: Red;
}

#cbFilter
{
  vertical-align:middle
}

#divModify
{
  
  margin-top:5px;
}

#divModify input
{
  margin-left:4px;
  margin-top:5px;
  width:556px;
}

#nav
{
  width: 100%;
  float: left;
  left: 0;
  top: 0;
  padding: 0;
  position:fixed;
  background-color: #cccccc;
  margin-bottom: 10px;
  z-index:999;
}

#nav ul
{
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

#nav li
{
	float: left;
  list-style-type: none;
}

#nav li a
{
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  font-weight: 700;
  color: #333333;
  font-size: 11px;
  font-family: Arial,Helvetica,Sans-serif;
	}

#nav li a:hover
{
	color: #d4470f;
	background-color: white;
}

#loginInfo
{
  float:right;
  padding-left: 15px;
  padding-right: 15px;
}

#lblLoggedIn
{
  display: block;
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  font-weight: 200;
  color: #333333;
  font-size: 11px;
  font-family: Arial,Helvetica,Sans-serif;
}

#pnlBannerMessage
{
  float:left;
  color:Black;
  padding: 1px 1px 1px 1px;
  font-weight: 700;
  font-size:11px;
  background-color: Yellow;
  border: 2px solid black;
  margin-top: 0px;
}

#navHeader
{
  width: 100%;
  float: left;
  left: 0;
  top: 22px;
  padding: 0;
  position:fixed;
  background-color: white;
  margin-bottom: 10px;
  z-index: 999;
  border-bottom: 1px solid #9999CC;
}

#body
{
  margin-top:55px;
}

#navHeader H1
{
  font-size: 18px;
  font-weight: 200;
  color: #013E7F;
  font-family: Arial;
  margin: 2px;
  display:inline-block;
}

body
{
  margin:0;
}

#divBody
{
  margin:5px;
}

.minMax
{
  color:#00305c;
  font-weight:bold;
  border:2px solid #FFB780;
  border-radius: 4px;
  text-decoration:none;
  background-color:#FFB780;
  cursor:pointer
}

fieldset
{
  border:1px solid #9999CC;
  border-radius: 7px;
  padding:5px;
  margin-right: 10px;
  margin-top:0px;
  margin-bottom:10px;
}

legend
{
  color:#013E7F;
  font-size:120%;
  font-weight:500;
}

.report_controls
{
	float: left;
}
.report_controls span
{
	float: left;
	margin-right: 60px;
  vertical-align: middle;
}
.report_controls input
{
	float: left;
}

.report_control_divide
{
  width:2px;
  height:60px;
	float: left;
	margin-right: 5px;
  background-color: #013E7F;
}

.buttonDiv
{
  float: left;
  width: 1200px;
}

.fieldTable
{
    border:1px solid black;
    color:black;
    font-family: Sans-Serif;
    text-align: left;
}

.fieldTable td
{
    border: 1px solid black;
    background-color: #E6E6E6;
}

.fieldTable th
{
    text-align:left;
    border: 1px solid black;
    background-color: #BDBDBD;
}

#tblReportGroups td
{
  min-width:120px;
}

#subHeader,
#unsubHeader
{
  padding-bottom: 10px;
}

.addGroup,
.subClick,
.delClick
{
  cursor:pointer;
}

.subClick
{
  width:90px;
}

.delClick
{
  width:55px;
}

#rgFiltering {
 padding-bottom: 2px; 
}

span.groupFilter
{
  display: inline-block;
  border: 1px solid black;
  border-radius: 2px;
  padding: 3px;
  margin: 0 1px 3px 1px;
}

.groupFilter:hover
{
  cursor: pointer;
}

.groupFilter.on
{
  background-color: #B3FFA6;
}

.groupFilter.off
{
  background-color: auto;
  color: grey;
}

.allOn,
.allOff
{
  height: 24px;
}