HTML
{
  font-family : Arial, Geneva, Arial, Helvetica, sans-serif;
}

TH
{
  color: #000066;
}

/*
   If headings are row rather than column headings,
   they should be left aligned rather than centred.
*/
TABLE.rowHeadings TH
{
  text-align:left;
}

.error
{
  color: Red;
  font-weight: bold;
}

.error H2
{
  color: Red;
}

.deleteButton
{
    color: red;
}

/*
  Detail results table for SFR/issue/event
*/
TABLE.sfrDetail
{
  margin-top: 8px;
  margin-bottom: 8px;
}

.footer
{
  text-align: center;
}

.configWizardStep
{
  xheight: 500px;
  width: 600px;
  vertical-align: top;
}

.configWizardNav
{
  width: 9em;
  background-color: #FFFFCC;
  padding: 4px;
  border-right: 10px solid white;
}

.ticketOuterFrame
{
        margin: 5px;
        margin-top: 20px;
        border: solid 2px #E0E0E0;
        padding: 2px;
}

.ticketOuterFrame TH
{
        text-align: left;
        vertical-align: top;
        white-space:nowrap;
        font-weight : normal;
}

.ticketOuterFrame TEXTAREA
{
  font-family : Arial, Geneva, Arial, Helvetica, sans-serif;
}

.ticketToolbar
{
  background-color: #E0E0E0;
  padding: 8px;
  margin-bottom: 2px;
  height: 1.1em;
}

.ticketToolbar A
{
        color: Black;
        text-decoration: None;
        padding-left: 5px;
        padding-right: 2px;
}

.ticketToolbarButtons {
        float: left;
}

.ticketToolbarHelp {
        float: right;
}

.ticketTabstrip
{
                background: url(/images/tab-back.gif) left top repeat-x;
                height: 30px;
}

.ticketButtons
{
  text-align: right;
}

.ticketTabstrip A
{
        color: Black;
        text-decoration: None;
        padding-left: 2px;
        padding-right: 2px;
}

.ticketTabstrip A.selectedTab
{
        background: url(/images/tab-select.gif) left top no-repeat;
        width: 160px;
        display: block;
        height : 30px;
        padding-top: 6px;
        text-align : center;
}

.ticketTabstrip A.unselectedTab
{
        background: url(/images/tab-unselect.gif) left top no-repeat;
        width: 160px;
        display: block;
        height : 30px;
        padding-top: 6px;
        text-align : center;
}

.ticketInnerFrame
{
  margin: 0px;
  border: solid 4px #9CB6EA;
  padding: 0px;
  background-color: #9CB6EA;
}

.ticketInnerHeader
{
  margin: 0px;
  background-color: #9CB6EA;
  padding: 4px;
  font-size: 120%;
  font-weight: bold;
  color: #006;
}

.ticketContent
{
  background-color: White;
  padding: 4px;
}

.ticketBoxHeading
{
                position: relative;
                height: 30px;
                padding-left: 10px;
                color: #799BDF;
                font-weight: bold;
            background: url(/images/header-bubble-left.gif) left top no-repeat;
}

.ticketBoxHeading DIV
{
        height: 30px;
        padding-top: 3px;
        background: url(/images/header-bubble-bg.gif) right top repeat-x;
        overflow: hidden;
        white-space: nowrap;
}

.ticketCustomerFields
{
        text-align : left;
        margin: 1px;
        border: solid 1px #9CB6EA;
        padding: 1px;
                width: 20em;
}

.ticketCustomerFields SELECT
{
        width: 12.25em;
}
.TABLE.ticketSummaryGrid
{
  border-collapse: collapse;
  width: 100%;
}

.ticketSummaryGrid TH, .ticketSummaryGrid TD
{
        padding: 2px;
        vertical-align: top;
}

.ticketSummaryGrid TH
{
        font-weight: bold;
}

.mandatoryField
{
        color : Red;
        vertical-align : middle;
        font-size : 150%;
}

.tsgCol1
{
  width: 4em;
}

.tsgCol2
{
}

.tsgCol3
{
  width: 6em;
}

.tsgCol4
{
  width: 8em;
}

.tsgRow1
{
}

.tsgRow2
{
/*
  font-style: italic;
*/
}

.contrastBand, .tsgHeading
{
  background-color: #F8F8FF;
}

TABLE.ticketDetailGrid
{
  width: 100%;
}

TABLE.ticketDetailGrid .tdgCol1
{
  width: 6em;
}

TABLE.ticketDetailGrid .tdgCol2
{
  width: 40%;
}

TABLE.ticketDetailGrid .tdgCol3
{
  width: 40%;
}

.ticketFiles INPUT
{
        margin-left: 10em;
        display: block;
        width: 30em;
        margin-top : 5px;
}

.date
{
  white-space:nowrap;
}

/* Styles for Partner Interop pages */

.InteropRequestWizard .PartnerProductTable
{
  border-collapse: collapse;
  border: solid 1px black;
}

.InteropRequestWizard .PartnerProductTable TD
{
  border: solid 1px black;
  vertical-align: top;
}

.VerifiedasSupported
{
  color: Green;
}

.VerifiedasUnsupported
{
  color: Red;
}

.ResultsPending
{
  color: Orange;
}

.NotTested
{
  color: Orange;
}

.partnerOuterFrame
{
  margin: 5px;
  margin-top: 20px;
  border: solid 2px #E0E0E0;
  padding: 2px;
}

.partnerOuterFrame TH
{
  text-align: left;
  vertical-align: top;
}

.partnerToolbar
{
  background-color: #E0E0E0;
  padding: 8px;
  margin-bottom: 2px;
}

.partnerToolbar A
{
  color: Black;
  text-decoration: None;
  padding-left: 5px;
  padding-right: 2px;
}

.partnerInnerFrame
{
  margin: 0px;
  border: solid 4px #9CB6EA;
  padding: 0px;
  background-color: #9CB6EA;
}

.partnerInnerHeader
{
  margin: 0px;
  background-color: #9CB6EA;
  /*
  background-color: #D0D0FF;
  */
  padding: 4px;
  font-size: 120%;
  font-weight: bold;
  color: #006;
}

.partnerBoxHeading
{
  position: relative;
  height: 30px;
  padding-left: 10px;
  color: #799BDF;
  font-weight: bold;
  background: url(/images/header-bubble-left.gif) left top no-repeat;
}

.partnerBoxHeading DIV
{
  height: 30px;
  padding-top: 3px;
  background: url(/images/header-bubble-bg.gif) right top repeat-x;
  overflow: hidden;
  white-space: nowrap;
}

.partnerContent
{
  background-color: White;
  padding: 4px;
}

.partnerFieldHeading
{
  background-color:#E0E0E0;
  font-weight:bold;
}

.configWizardNav .currentlySelected
{
  font-weight: bold;
}

.myPortalTopMenu
{
  margin: 2px;
  color: black;
}

.myPortalTopMenu A
{
  color: black;
}

DIV.myDetailsOuterFrame
{
  margin: 0px;
  background: #AFD0D7;
  padding: 10px;
  width: 40em;
}

DIV.myDetailsInnerFrame
{
  padding: 5px;
  background: white;
}

.myDetailsInnerFrame H2
{
  border: solid 1px #AFD0D7;
  width: 98%;
  padding: 4px;
  margin-top: 2ex;
}

.myDetailsInnerFrame TH
{
  text-align: left;
  vertical-align: top;
  width: 16em;
}

.myDetailsInnerFrame .buttonBar
{
  margin: 5px;
  padding: 5px;
  border: solid 1px #AFD0D7;
  background: #E0EDF0;
  text-align: right;
}

.myDetailsInnerFrame .footer
{
  margin: 5px;
  padding-top: 2ex;
  margin-left: 4em;
  font-style: italic;
  text-align: left;
  font-size: smaller;
}

.myDetailsInnerFrame .footer UL
{
  margin-top: 0px;
  margin-bottom: 0px;
}

.custContextBanner
{
  border: solid 4px #AFD0D7;
  width: 98%;
  padding: 4px;
  margin-top: 2ex;
  margin-bottom: 5ex;
}


.editComment
{
  font-size: 80%;
  padding-left: 1em;
  padding-right: 1em;
}

.block
{
  display: block;
}

.inline
{
  display: inline;
}


.siteAddress
{
  margin: 1ex;
  border: solid 2px #AFD0D7;
  padding: 2px;
}

.siteName
{
  font-weight: bold;
  margin-bottom: 1ex;
  background: #E0EDF0;
  padding: 2px;
}

.noWrap
{
    white-space: nowrap;
}

/* Styles used for basic portal pages */

.listHead, .categoryHead
{
  color: #000066;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 120%;
}

.listcomment
{
  font-style: italic;
}

.tiptext
{
  color: #000066;
  font-style: italic;
}

.loggedIn .pageFooter
{
  background: #FFFFCC;
}

.notLoggedIn .pageFooter
{
  background: #FFFFFF;
}

.loggedIn .pageOutline
{
  border: solid 10px #D0D0DD;
  border-left: none;
  min-height: 700px;
  height: auto !important;
  height: 700px;
}

.notLoggedIn .pageOutline
{
  border: none;
}

.loggedIn .pageEdge
{
  border:solid 2px #000066;
  border-left: none;
}

.notLoggedIn .pageEdge
{
  border: none;
}



.pictureBottomCaptionPosition
{
  position: absolute;
  left: 0;
  top: 63px;
  text-align:center;
  width:90px;
}

.pictureBottomCaptionText
{
  color: #000066;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration:none;
  line-height: 95%;
}

.pictureTopLeftCaption
{
  text-align:left;
  color: #000066;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 110%;
}

    DIV.borderBox
    {
      margin-top: 30px;
      border:0;
      background-color:#000066;
    }

    DIV.borderBoxInner
    {
      margin:2px;
      padding:10px;
      border:solid 10px #D0D0DD;
      background-color:#FFFFFF;
      text-align:center;
    }
.borderBoxInner P
{
  font-size:90%;
  margin-bottom:5px;
  margin-top:5px;
}

.borderBoxInner UL
{
  font-size:90%;
  margin-bottom:5px;
  margin-top:5px;
}

.navTreeHeading
{
  color: #000066;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 80%;
  text-decoration:none;
  padding: 2px;
  padding-left: 3px;
}

.navTree
{
  color: #000066;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 80%;
  text-decoration:none;
  border-left: solid 1px #000066;
  padding: 2px;
  padding-left: 3px;
}

.navTreeSelected
{
  color: #000066;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 80%;
  text-decoration:none;
  padding: 2px;
  padding-left: 3px;
}

.kbArticle img
{
  display: inline;
}

.trainingBookingActions
{
  text-align: right;
  padding-bottom: 1em;
}

.trainingBookingActions A
{
  padding-right: 2em;
}

.trainingBookingFooter
{
  width: 100%;
  text-align: right;
}

.trainingBookingFooter table, .trainingBookingFooter A
{
  border-collapse: collapse;
  display: inline;
  margin-right: 2em;
}

.trainingGrid
{
  width:100%;
  border-collapse:collapse;
}

.trainingNestedGrid
{
  padding-top:1em;
  padding-left:2em;
}

.trainingCOSPriceCells TH
{
  width:5em;
}

.trainingBoxLabel
{
  border:solid 0.1em black;
  padding:0.5em;
}

.trainingLabel
{
  font-weight:bold;
  vertical-align:top;
  width:10em;
}

/* Forum Video Presentation Styles */

div.videos H2 {
    font-size:   125%;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight : bold;
        color : #ffffff;
        background-color : #252525;
        text-indent: 10px
  }

div.videos span.datelink{
    background: url('/customerportal/images/top_divide_line.gif') left no-repeat;
    padding-left: 15px;
    padding-right: 10px;
    }

div.session {
    clear: both;
    }

div.session p, div.session li {
        color: black;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 140%;
        margin-left: 240px;
    text-align:justify;
    }

div.session p.detail {
    font-style: italic;
    line-height: 140%;
    text-align: left;
    }

div.session span.detailtype {
    font-weight: bold;
    }

div.session H3 {
    font-size : 110%;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight : bold;
        color : #000066;
        text-indent : 10px;
        margin-bottom: 10px;
  }

div.session div.hr {
    height: 2px;
    width: 775px;
    margin: 15px 15px 15px 0px;
    font-size: 0%;
    clear: both;
    }

div.thumbimage {
        float: left;
        margin: 8px 30px 15px 10px;
        }

div.thumbimage img {
        border: none;
        }

div#Video {
    position: fixed !important;
    position: absolute;
    top: 100px;
    }

/* Styles for Speech2Text pages */
.forecast_cell
{
  text-align: left;
  padding-right: 0.5em;
  padding-left: 0px;
  width: 40px;
}

.order_cell
{
  text-align: left;
  padding-right: 0.5em;
  padding-left: 0px;
  width: 20px;
}

.period_cell
{
  text-align:center;
  padding-right: 0.5em;
  padding-left: 0px;
  width: 40px;
}

.forecast_input
{
  width: 6em;
}

.forecast_and_order_grid th
{
  text-align: left;
  height: 2em;
}

.forecast_and_order_grid td
{
  text-align: left;
  height: 2em;
}

th.forecast_and_order_main_table_header
{
  background-color: #02025e;
  color:White;
}

th.forecast_and_order_sub_table_header
{
  background-color: #cbceef;
}

table.forecast_and_order_grid
{
  table-layout:fixed;
  width: 100%;
}

.period_row th, td
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.current_month
{
  background-color: Lime;
}

.next_month
{
  background-color: Lime;
}

.nextnext_month
{
  background-color: Lime;
}

.button_container
{
  margin-top: 1em;
  float: right;
}

/* Styles only used for printer, may override the common ones above */
@media print
{
  .screenOnly
  {
    display: none;
    visibility: hidden;
  }

  DIV#__asptrace
  {
    display: none;
    visibility: hidden;
  }
}

/* Styles only used for screen, may override the common ones above */
@media screen
{
  .printerOnly
  {
      DISPLAY: none;
      VISIBILITY: hidden;
  }

  .ticketScrollingText
  {
        height : 30ex;
        overflow: scroll;
        display:block;
        border: solid 1px #9CB6EA;
        width: 600px;
  }

    .ticketInlineImage
  {
        display: inline;
  }

}