body
{
  background-color: #E1E1E1;
  background-repeat: repeat-x;
  font-family: Arial;
  margin-top: 0px;
}

.small
{
  font-size: 8pt;
}

.smaller
{
  font-size: 7pt;
}

table
{
  border-collapse: collapse;
  font-family: Arial;
  font-size: 10pt;
}

img
{
  border: 0;
  vertical-align: bottom;
}

.noPadding
{
  padding: 0;
}

a:link
{
  text-decoration: none;
  color: #316080;
}

a:visited
{
  text-decoration: none;
  color: #316080;
}

a:active
{
  text-decoration: none;
  color: #316080;
}

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

/* ----- Main Layout -----*/
div.divMain {
    width: 1000px;
    margin: 0 auto;
    background-color: white;
    box-shadow: 4px 2px 4px #777,  -4px 2px 4px #777; 
}

div.divNavs
{
    width: 975px;
    height: 20px;
    padding: 6px 0 0 25px;
    font-size: 10pt;
    font-weight: bold;
    background-color: #316080;
    border-bottom: solid 3px #ca6d1e;
}

div.divNavs a:link
  {
    text-decoration: none;
    color: #e1e1e1;
  }

div.divNavs a:visited
  {
    text-decoration: none;
    color: #e1e1e1;
  }

div.divNavs a:active
  {
    text-decoration: none;
    color: white;
  }

div.divNavs a:hover
  {
    text-decoration: none;
    color: white;
  }

.navItem
{
  margin: 0 55px 0 0;
}


div.divMainContent {
    width: 968px;
    padding: 0 0 20px 0;
    margin: 10px auto;

}

div.divLoginBox {
  border: solid 1px #555;
  width: 400px;
  height: 240px;
  background-color: #E1E1E1;
  margin: 50px auto 140px auto;
}

div.divLoginHeading {
  background-color: #316080;
  font-size: 11pt;
  font-weight: bold;
  color: white;
  padding: 15px
}

div.divLoginTable {
  width: 300px;
  margin: 15px auto;
}

div.divLoginTable td{
    padding: 3px;
  }

td.tdLoginLabel {
  font-size: 8pt;
  font-weight: bold;
  color: #555;
  text-align: right;
}

.LoginElement {
  width: 150px;
  padding: 2px 2px 2px 8px;
  font-size: 9pt;
  height: 11px;
  border-radius: 7px;
  border: solid 1px #555;
}
div.divLoginMsg {
  width: 350px;
  margin: 15px auto;
  font-size: 9pt;
  color: #990000;
}

.navMenu
{
  position: absolute;
  color: white;
  background-color: #7a7a7a;
  border-bottom: solid 3px #316080;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 10px 10px 36px;
  display: none;
  z-index: 99000;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 3px 7px;
  box-shadow: rgba(0,0,0,0.5) 0 3px 7px;
}

  .navMenu a
  {
    margin-right: 35px;
    color: white;
  }

    .navMenu a:hover
    {
      color: #900;
      text-decoration: none;
    }

div.divAppMain
{
  margin: 10px;
}

div.divGreeting {
  font-size: 9pt;
}

/* -- Core Styles -- */
.tblList_SubHeader
{
  background-color: #7a7a7a;
  border-bottom: solid 2px #444;
  border-collapse: collapse;
  height: 34px;
}

.tdList_SubHeader_ReturnLink {
  padding: 8px 0px 8px 0px;
  font-size: 9pt;
}

.tdList_SubHeader_Title
{
  color: white;
  font-size: 11pt;
  font-weight: bold;
  padding: 7px 5px 5px 12px;
}

.spListCount {
    margin: 0 0 0 15px;
    font-size: 9pt;
    color: #e1e1e1;
}

.tdList_SubHeader_RightCol
{
  padding: 0 5px 5px 12px;
  text-align: right;
}

  .tdList_SubHeader_RightCol img
  {
    vertical-align: middle;
  }


p.pList_SubLevel0
{
  margin: 1px 0 1px 0;
}

p.pList_SubLevel1
{
  margin: 1px 0 1px 30px;
}

p.pList_SubLevel2
{
  margin: 1px 0 1px 50px;
}

.txtList_Keyword
{
  font-size: 10px;
  height: 16px;
  margin-top: 2px;
  width: 75px;
}

hr
{
  color: #555;
  height: 2px;
}

.SubHeading
{
  background-color: #316080;
  color: white;
  padding: 3px;
  font-size: 10pt;
  font-weight: bold;
}

table.ListStyle td.col_heading
{
  background-color: #99999b;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  padding: 4px 4px 4px 10px;
}

td.col_heading a:link
{
  color: white;
  text-decoration: none;
}

td.col_heading a:visited
{
  color: white;
  text-decoration: none;
}

td.col_heading a:active
{
  color: white;
  text-decoration: none;
}

td.col_heading a:hover
{
  color: white;
  text-decoration: underline;
}

tr.Alternating
{
  background-color: #ececdc;
}

tr.Alternating_Opposite
{
  background-color: white;
}

tr.Border_Top td
{
  border-top: solid 1px #777;
}

tr.Border_Bottom td
{
  border-bottom: solid 1px #777;
}

table.ListStyle td
{
  padding: 2px;
}

/* ---- Core Styles - Forms ----- */
.tblForm_SubHeader
{
  background-color: #001d3b;
  border-bottom: solid 1px #444;
  border-collapse: collapse;
  height: 34px;
}

.tdForm_SubHeader
{
  background-color: #7a7a7a;
  border-bottom: solid 2px #444;
  vertical-align: middle;
  color: white;
  font-size: 11pt;
  height: 29px;
  padding: 2px 0 0 12px;
}

td.tdErrorMessage
{
  color: #900;
  padding: 8px;
  border: solid 1px #777;
}

td.tdSaveButtons {
  padding: 5px 0 0 0;
}


#tblMasterTable
{
  border-collapse: collapse;
}

.tdLabel_Left
{
  color: #555;
  font-weight: bold;
  padding: 6px 2px 2px 2px;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
}

.tdLabel_Left_Error
{
  color: #900;
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  text-align: right;
  width: 25%;
}

td.tdInput_Right
{
  padding: 6px 2px 2px 2px;
  vertical-align: top;
}

td.tdInput_Right input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #555;
    padding: 1px 0 1px 5px;
  }

td.tdInput_Right select {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #555;
    padding: 1px 5px 1px 5px;
  }

td.tdInput_Right textarea {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #555;
    padding: 1px 5px 1px 5px;
  }

div.divCheckerList
{
  overflow: auto;
  border: solid 1px #e1e1e1;
  padding: 5px;
}

.tdForm_Edit_List_Title
{
  background-color: #316080;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  height: 15px;
  padding: 3px 3px 3px 12px;
}

td.tdDescRule
{
  background-color: #7a7a7a;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  height: 15px;
  padding: 3px 3px 3px 12px;
}

div.divLabel_Top
{
  background-color: #7a7a7a;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  height: 15px;
  padding: 3px 3px 3px 12px;
}

td.tdLabel_Top
{
  background-color: #99999b;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  height: 15px;
  padding: 3px 3px 3px 12px;
}

.tdLabel_Top_AlignRight
{
  background-color: #99999b;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  height: 15px;
  padding: 3px 3px 3px 12px;
  text-align: right;
}

#tblSearchBoxes
{
  border-collapse: collapse;
  margin-bottom: 10px;
  margin-top: 10px;
}

div.divSubLabel
{
  font-size: 8pt;
  font-weight: normal;
  white-space: normal;
}

div.divDescRule_SubLabel
{
  font-size: 8pt;
  font-weight: normal;
  margin-left: 5px;
  white-space: normal;
}

div.divSimpleHeading {
  padding: 0 0 4px 0;
  border-bottom: solid 1px #555;
  font-size: 12pt;
  font-weight: bold;
  color: #555;
  margin: 0 0 10px 0;
}

div.divSimpleBlueHeading {
  padding: 4px 4px 4px 10px;
  background-color: #7a7a7a;
  font-size: 12pt;
  color: white;
  margin: 0 0 5px 0;
}


/* ----- Call Finder -----*/
div.divTTFBox
{
  z-index: 100;
  position: absolute;
  left: -1200px;
  top: -1200px;
  width: 200px;
  padding: 10px;
  border: solid 1px #555;
  background-color: white;
}

  div.divTTFBox div
  {
    font-size: 9pt;
    padding: 3px;
    border-bottom: solid 1px #999;
  }

div.divCallSearchBox
{
  width: 950px;
  background-color: #c1c1c1;
  border-radius: 15px;
  padding: 10px;
  margin: 11px 0 8px -4px;
}

td.tdCS_Spacer
{
  width: 30px;
}
td.tdCS_Input input
{
  width: 85px;
  font-size: 8pt;
  border-radius: 8px;
  border: solid 1px #a1a1a1;
  padding: 0 0 0 4px;

}
td.tdCS_Input select
{
  width: 85px;
  font-size: 8pt;
  border-radius: 8px;
  border: solid 1px #a1a1a1;

}

div.divCS_Count
{
  font-size: 8pt;
  font-weight: bold;
  color: #555;
  width: 30px;
  text-align: center;
}

td.tdCS_Label
{
  font-size: 8pt;
  color: #444;
  font-weight: bold;
  padding: 0 2px 0 0;
}

div.divCallRecordingList
{
  font-size: 9pt;
  min-height: 400px;
}

table.tblCallSearchResults
{
  width: 963px;
}

td.tdCSR_CH
{
  background-color: #c1c1c1;
  padding: 3px;
  border-bottom: solid 1px black;
  font-size: 9pt;
  font-weight: bold;
}

td.tdCSR_Item
{
  font-size: 9pt;
  padding: 3px;
}

tr.trCSR_Reg
{
  background-color: none;
}

tr.trCSR_Alt
{
  background-color: #c4dae5;
}

div.divCSR_QueueName
{
  width: 85px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ----- Player Box -----*/
div.divPlayerBox
{
    z-index: 105;
    position: absolute;
    left: -1200px;
    top: -1200px;
    width: 400px;
    border: solid 2px #555;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 9pt;
}

div.divPlayerBoxHeading
{
    padding: 3px;
    font-size: 9pt;
    background-color: #c1c1c1;
    margin: 0 0 1px 0;
}

div.divPlayerBoxAudio
{
    margin: 10px auto 10px auto;
    width: 400px;
}

div.divPlayerBoxSummary
{
    margin: 10px auto 10px auto;
    width: 400px;
    font-size: 8pt;
}

div.divPlayerBoxClose
{
    margin: 10px auto 10px auto;
    width: 37px;
    font-size: 9pt;
    font-weight: bold;
}

div.divScoreSelectionControls
{
    width: 400px;
    text-align: right;
    margin: 5px 0 5px 0;
}

/* ----- Score Form -----*/
div.divScoreForm
{
    z-index: 100;
    position: absolute;
    left: -1200px;
    top: -1200px;
    width: 900px;
    border: solid 2px #555;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 9pt;
}

div.divScoreFormHeading
{
  font-size: 14pt;
  color: #316080;
  font-weight: bold;
  width: 450px;
}

div.divCloseTop
{
  width: 21px;
  margin: 0 0 0 420px;
}

div.divScoreFormInstructions
{
    color: #555;
    font-size: 10pt;
    margin: 10px 0 10px 0;
}

div.divScorecardSelection
{
    color: #555;
    font-size: 10pt;
    margin: 10px 0 10px 0;
}

div.divScorecardMessage
{
  color: #555;
  font-size: 10pt;
  margin: 10px 0 10px 0;
}

div.divScorecardComment
{
  margin: 12px 0 0 0;
}

.txtEvaluationComment
{
  width: 800px;
  height: 60px;
  font-family: Arial;
  font-size: 9pt;
}

table.tblScorecardHeader
{
  width: 800px;
}

td.tdSH_Label
{
  background-color: #afcdd8;
  font-size: 9pt;
  font-weight: bold;
  padding: 3px;
  text-align: right;
  border-bottom: solid 1px #999;
}

td.tdSH_Item
{
  font-size: 9pt;
  padding: 3px;
  text-align: left;
  border-bottom: solid 1px #999;
}

div.divScorecardItems
{
  margin: 12px 0 0 0;
}

div.divScorecardItemsList
{
  margin: 4px 0 0 0;
  width: 820px;
  height: 420px;
  overflow: auto;
}

table.tblScorecardItems
{
  width: 800px;
}

td.tdSI_Heading
{
  background-color: #afcdd8;
  font-size: 11pt;
  font-weight: bold;
  padding: 3px;
  border: solid 1px #999;
}

td.tdSI_ItemDescription
{
  width: 500px;
  font-size: 9pt;
  padding: 3px;
  border: solid 1px #999;
}

td.tdSI_DropDownOptions
{
  width: 150px;
  font-size: 9pt;
  padding: 3px;
  border: solid 1px #999;
}

  td.tdSI_DropDownOptions select
  {
    width: 150px;
  }

td.tdSI_FinalScore, td.tdSI_MaxScore
{
  width: 75px;
  font-size: 9pt;
  padding: 3px;
  text-align: center;
  border: solid 1px #999;
}

div.divSaveButtons
{
  width: 250px;
  margin: 10px auto;
}

.txtCommentBox
{
  width: 300px;
  height: 10px;
  font-size: 8pt;
}

.txtFinalScore
{
  width: 30px;
  height: 10px;
  font-size: 8pt;
  text-align: center;
}

/* ----- Phone Statuses 3CX ----- */
div.divLineInfoBlock3CX
{
  width: 90px;
  height: 14px;
  background-color: #A1A1A1;
  color: black;
  font-weight: normal;
  padding: 3px 2px 3px 2px;
}

table.tblPhoneStatuses
{
  width: 900px;
}

td.tdPSCH
{
  padding: 3px;
  background-color: #555;
  color: white;
  font-weight: bold;
}

td.tdPSCell
{
  padding: 3px;
  border-bottom: solid 1px #555;
}

div.divPSStatusIdle
{
  font-size: 7pt;
  width: 15px;
  height: 15px;
  background-color: #990000;
}

div.divPSStatusDialing
{
  font-size: 7pt;
  width: 15px;
  height: 15px;
  background-color: #fff200;
}

div.divPSStatusConnected
{
  font-size: 7pt;
  width: 15px;
  height: 15px;
  background-color: #007236;
}

div.divPSStatusOther
{
  font-size: 7pt;
  width: 15px;
  height: 15px;
  background-color: #555;
}
/* ----- End Phone Statuses 3CX ----- */


/* ----- Reports -----*/
div.divReportsList
{
  margin: 0 0 100px 10px;
}

div.divReports_SectionHeading
{
  margin: 5px 0 5px 0;
  font-weight: bold;
  font-size: 11pt;
  padding-bottom: 5px;
  border-bottom: solid 1px black;
  width: 800px;
}

div.divReport_Item
{
  margin: 8px 0 8px 0;
  font-size: 9pt;
  padding-bottom: 5px;
  border-bottom: solid 1px #e1e1e1;
  width: 800px;
}

div.divReportResults
{
  width: 900px;
  margin: 5px 0 5px 0;
}

div.divCriteriaTopLinks
{
  font-size: 8pt;
  margin: 0 0 8px 0;
  width: 800px;
}

div.divDateRangePickers
{
  font-size: 8pt;
  margin: 5px 0 5px 0;
}

hr
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* ----- Call Extractor ----- */
div.divCE_CallSummary
{
  width: 850px;
  margin: 0 0 0 15px;
}

div.divCE_Message 
{
  width: 850px;
  height: 16px;
  margin: 0 0 10px 15px;
  font-size: 9pt;
}

table.tblCECS
{
  width: 400px;
}

td.tdCECS_Label
{
  font-size: 9pt;
  font-weight: bold;
  padding: 3px;
  border-bottom: solid 1px #999;
  text-align: right;
  width: 150px;
}

td.tdCECS_Value
{
  font-size: 9pt;
  padding: 3px;
  border-bottom: solid 1px #999;
  text-align: left;
  width: 250px;
}

div.divCECS_SegmentNote
{
  margin: 5px 0 5px 15px;
  font-size: 8pt;
  color: #999;
}

div.divCECS_PlayerBox
{
  width: 700px;
  margin: 15px 0 15px 15px;
}

div.divCECS_SegmentHeader
{
  background-color: #7a7a7a;
  color: white;
  font-size: 9pt;
  font-weight: bold;
  padding: 3px;
  width: 700px;
  margin: 0 0 5px 0;
}

#segmentBox
{
  width: 550px;
  margin: 15px 0 15px 15px;
}

#segmentTable
{
  width: 550px;
}

  #segmentTable th
  {
    text-align: center;
    padding: 3px;
    border: solid 1px #999;
    background-color: #999;
    color: white;
  }

  #segmentTable td
  {
    text-align: center;
    padding: 3px;
    border: solid 1px #999;
  }

.btnCE_Button
{
  background-color: #036185;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  border: solid 1px #036185;
  margin: 0 0 0 20px;
}

.btnCE_ButtonExtract
{
  background-color: #036185;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  border: solid 1px #036185;
  margin: 20px 0 0 0;
}

div.divPageNumbers
{
  margin: 0 0 5px 0;
  font-size: 8pt;
}

div.divPageNumbersBottom
{
  margin: 5px 0 5px 0;
  font-size: 8pt;
}

div.divScorecardRecordings
{
  margin: 8px 0 8px 0;
}

/* ----- Call Summary Details Pop-Up -----*/
div.divCallDetail
{
  position: absolute;
  z-index: 100;
  left: -1200px;
  top: -1200px;
  border: solid 1px #555;
  padding: 15px;
  background-color: white;
  width: 850px;
  font-size: 9pt;
}

table.tblKeySegmentsList
{
  border-collapse: collapse;
}

td.tdKSL_CH
{
  background-color: #c1c1c1;
  padding: 3px;
  border-bottom: solid 1px black;
  font-size: 9pt;
  font-weight: bold; 
}

td.tdKSL_row
{
  padding: 3px;
  border-bottom: solid 1px #999;
  font-size: 8pt;
  white-space: nowrap;
}

div.divKSL_Close
{
  width: 100%;
  text-align: right;
  font-size: 14pt;
  font-weight: bold;
}

div.divKSL_OB
{
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}