body 
{
    font-family: Arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #3a3a3a;
    background-color: White;
}
a, a:visited, a:link, a:active
{ 
    color: #77af2b; 
}
a:hover
{
    color: #8dc63f;
}
.ss {
    font-size: 14px;
  border-collapse: collapse;
}
.delCell{
    background-image: url(images/delOff.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.delCell:hover{
    background-image: url(images/del.png);
}
.ss input{

    font-size: 14px;
}
.ss td, .ss th {
  border: 1px solid #999;
  padding: 0;
  text-align: left;
}
.questiontext{
    cursor: pointer;
}
.questiontext:hover{
    background-color: #d6d6d6;
}
.questionid{
    cursor: pointer;
}
.questionid:hover{
    background-color: #d6d6d6;
}
.statNameCell{
    width: 50%;
    font-size: 16px;
    border-bottom: solid 1px gainsboro;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
}
.statCellHeader{
    width: 10%;
    font-size: 16px;
    border-bottom: solid 1px gainsboro;
    padding: 4px 0px 4px 0px;
    text-align: right;
    font-weight: bold;
}
.statCell{
    width: 10%;
    font-size: 16px;
    border-bottom: solid 1px gainsboro;
    padding: 4px 0px 4px 0px;
    text-align: right;
}
.subNameCell{
    width: 40%;
    font-size: 16px;
    border-bottom: solid 1px gainsboro;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
}
.subNameCellHighlight{
    color: red !important;
}
.subCellHeader{
    width: 10%;
    font-size: 16px;
    border-bottom: solid 1px gainsboro;
    padding: 4px 0px 4px 0px;
    text-align: right;
    font-weight: bold;
}
.subCell{
    width: 10%;
    font-size: 16px;
    border-bottom: solid 1px gainsboro;
    padding: 4px 0px 4px 0px;
    text-align: right;
}
.subCellHighlight{
    color: red !important;
}
.noSessionsFound {
    font-size: 14px;
    text-align: center;
    padding: 50px;
}
.errorPanel
{
    padding: 10px;
    background-color: #f3cccc;
    margin-bottom: 20px;
}
.messagePanel
{
    padding: 10px;
    background-color: #e3f3cc;
    margin-bottom: 20px;
}
.bodyLogin
{
    padding: 40px;
    background-color: #f0f0f0;
}
.loginMsg
{
    text-align: center;
    height: 36px;
    line-height: 36px;
    color: #910000;
    font-weight: bold;
}
.backArrow
{
    cursor: pointer;
    background-image:url(images/backArrow.png);
    width: 29px;
    height: 29px;
    margin-right: 16px;
}
.txtbox
{
    border: 2px solid #e2e2e2;
    padding: 4px;
}
.lblLrg
{
    font-weight: bold;
    font-size: 20px;
}
.txtboxLrg
{
    border: 2px solid #e2e2e2;
    padding: 4px;
    font-size: 20px;
}
.sessionLrg
{
    font-size: 20px;
}
.btn
{
    cursor: pointer;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    font-family: Arial;
    font-size: 14px;
}
.btnPrevNext
{
    cursor: pointer;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    font-family: Arial;
    font-size: 40px;
    width: 100px;
    height: 150px;
}
.btnPrevNextSmall
{
    cursor: pointer;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    font-family: Arial;
    font-size: 40px;
    width: 100px;
    height: 75px;
}

.btnPrevNextMicro
{
    cursor: pointer;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    font-family: Arial;
    font-size: 28px;
    line-height: 28px;
}
.btnWide
{
    cursor: pointer;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    padding: 12px;
    font-family: Arial;
    font-size: 18px;
    width: 100%;
    
}
.header
{
    padding: 15px;
    font-family: Impact, Arial;
    background-color: #8dc63f;
    color: White;
    font-size: 36px;
}
.header a{
    color: white;
    text-decoration: none;

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

}
.headerContent
{
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}
.headerTitle2
{
    color: #3a3a3a;
}
.headerBack{
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
}

.nav
{
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
    
    
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    background-color: #f2f2f2;
}
.navSection{
    float: left;
    border-right: solid 2px white;
    padding: 4px 0px 4px 0px;
}
.navSectionLogout{
    float: right;
    padding: 2px;
    line-height: 40px;
}

.navSectionTitle{
    text-align: center;
    margin-bottom: 4px;
    color: gray;
}
.nav a, .nav a:visited
{
    color: #8dc63f;
    text-decoration: none;
    margin: 0px 10px 0px 10px;
    
}
.nav a:hover
{
    color: #a0e245;
    text-decoration: none;
}
.content
{
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding: 0px 20px 20px 20px;
}

h1, h2, h3, h4, h4, h5, h6
{
    font-weight: normal;
}
h1
{

    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 2px solid #cfcfcf;
}
.SessionOptionsContainer
{
    margin-left: auto;
    margin-right: auto;
    width: 340px;
}
.SessionActionSection
{
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
}
.SessionActionSectionTitle
{
    text-align: center;
    padding: 10px;
    font-size: 22px;
}
.SessionActionSectionContent
{
    padding: 20px;
}
.SessionEndButton
{
    width: 100%;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 0px 20px 0px;
    font-family: Arial;
}
.SessionStartButton
{
    width: 100%;
    border: 0px;
    background-color: #8dc63f;
    color: white;
    font-weight: bold;
    font-size: 22px;
    padding: 20px 0px 20px 0px;
    font-family: Arial;
}
.currSlide
{
    border: 2px solid #e2e2e2;
    padding: 4px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    width: 200px;
    text-align: center;
}
.userRow
{
    padding: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.userGroupRow
{
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.userRowChartColorColumn
{
    float: left;
    margin-right: 10px;
}
.userRowLabel
{
    float: left;
    height: 25px;
    line-height: 25px;
    width: 200px;
}
.userRowLabelB
{
    float: left;
    height: 25px;
    line-height: 25px;
    padding-right: 20px;
    width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.userGroupRowLabel
{
    float: left;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    font-size: 16px;
    
}
.labelRow
{
    padding: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.labelRowIDCell
{
    float: left;
    width: 100px;
}
.labelRowCell
{
    float: left;
    width: 600px;
}
.chartSessionDropdown
{
    width: 200px;
    padding: 6px;
    border: 1px solid #cfcfcf;
    margin-bottom: 10px;
    color: #3a3a3a;
}
.chartSessionSlideList
{
    width: 200px;
    padding: 6px;
    border: 1px solid #cfcfcf;
    color: #3a3a3a;
}
.chartContainer
{
    width: 768px;
    border: 1px solid #cfcfcf;
}
#chart_div
{
    width: 768px; height: 530px;
}
.chartNoData
{
    text-align: center;
    padding-top: 140px;
    font-size: 18px;
    font-weight: bold;
}
.buttonBar
{
    margin-bottom: 14px;
}
.addLink
{
    padding-top: 2px;
    padding-left: 14px;
    float: left;
    background-image: url(images/add.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.addLink a
{
    text-decoration: none;
}

#divChartOptions
{
    float: left;

}
#divChartLoading
{
    position: relative;
    margin-top: 1px;
    border: 1px solid #e4e4e4;

    width: 980px;
    height: 350px;

    padding-top: 100px;

    text-align: center;
    font-size: 20px;

}
#divChartLoadingLiveFeedback
{
    position: relative;
    margin-top: 10px;

    width: 980px;
    height: 48px;
   
    text-align: center;
    font-size: 20px;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
#divLiveFeedNotActive {
    text-align: center;
    font-size: 20px;
    padding: 100px;
}
#divChartRenderContainer
{
    position: relative;
    margin-top: 1px;
    border: 1px solid #e4e4e4;
    

   
}
.loadingBox {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
}
.nochartdata {
    text-align:center;
    padding-top: 50px;
    font-size: 14px;
    font-weight: bold;
}
#divChartFullScreenLoading 
{
    text-align:center;
    padding-top: 100px;
    font-size: 20px;
    font-weight: bold;
}
#divChartContainer
{
    position: relative;
    margin-top: 1px;
    border: 1px solid #e4e4e4;


    width: 980px;
    height: 450px;
}
#divChartTitle, #divChartTitleFullScreen {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-top: 6px;
}
.liveFeedElapsedTitle {
    text-align: center;
    font-size: 12px;;
    padding-top: 4px;
}
.chartOptionsSectionHeader
{
    padding: 8px;
    font-size: 16px;
    background-color: #8dc63f;
    color: White;
    margin-bottom: 1px;
}
.sessionRowItem
{
    cursor: pointer;
    padding: 4px;
    font-size: 14px;
    clear: both;
    margin-bottom: 1px;
}
.sessionRowItem:hover
{
    background-color: #e4e4e4;
}
.sessionRowItemSelected
{
    background-color: #cfff8d;
}
.sessionRowItemSelected:hover
{
    background-color: #cfff8d !important;
}
.scoringListHeader
{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    clear: both;
    border-bottom: 1px solid #9d9d9d;
    background-color: gainsboro;
}
.surveyListHeader
{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    clear: both;
    border-bottom: 1px solid #9d9d9d;
}
.surveyListFooter
{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    clear: both;
    padding-bottom: 50px;
}
.surveyListRowItem
{
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    
    clear: both;
    border-bottom: 1px solid #e2e2e2;
}
.surveyListRowItemLast
{
   
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    clear: both;
    border-bottom: 1px solid #9d9d9d;
}
.surveyListRowItemYESCheck
{
    font-family: Wingdings;
    color: Green;
}
.surveyListRowItemNOCheck
{
    font-family: Wingdings;
    color: red;
}
.surveyListRowItemAbstainCheck
{
    font-family: Wingdings;
}

.surveyListRowItemYES
{
    color: Green;
}
.surveyListRowItemNO
{
    color: red;
}
.sessionListHeader
{
    font-size: 14px;
    font-weight: bold;
    clear: both;
    border-bottom: 1px solid #9d9d9d;
}
.sessionListHeaderItem
{
    cursor: pointer;
}
.sessionListHeaderItemDesc .sessionListHeaderItemLabel
{
    background-image: url(images/descArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}
.sessionListHeaderItemAsc .sessionListHeaderItemLabel
{
    background-image: url(images/ascArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.sessionListRowItem
{
    cursor: pointer;
    
    font-size: 14px;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.sessionListRowItemRptOptions{
    font-size: 11px;
}
.sessionListRowItemRptOptions span{
    font-size: 11px;
    cursor: pointer;
}
.sessionListRowItemRptOptions span:hover{
    
    text-decoration: underline;
}
.sessionListRowItem .sessionListRowItemRptOptions{
    display: none;
}
.sessionListRowItem:hover .sessionListRowItemRptOptions{
    display: block;
}
.sessionListRowItemCell
{
    padding: 10px;
}
.sessionListRowItem:hover
{
    background-color: #ededed;
}
.sessionListRowItemSelected
{
    background-color: #cfff8d;
}
.sessionListRowItemChecked
{
    background-color: #8dc63f !important;
}

.sessionRowItemUser
{
    background-image: url(images/optUnchecked.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    cursor: pointer;
    padding: 4px;
    font-size: 14px;
    clear: both;
    margin-bottom: 1px;
}
.sessionRowItemUser:hover
{
    background-color: #e4e4e4;
}
.sessionRowItemSelectedUser
{
    background-image: url(images/optChecked.png);
    background-color: #cfff8d;
}
.sessionRowItemSelectedUser:hover
{
    background-color: #cfff8d !important;
}
.sessionListRowItemCheckBoxHeader
{
    cursor: default;
    padding: 10px;
    width: 15px;
    float: left;
}
.sessionListRowItemCheckBox
{
    background-image: url(images/optUnchecked.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    padding: 10px;
    width: 15px;
    float: left;
}
.sessionListRowItemChecked .sessionListRowItemCheckBox
{
    background-image: url(images/optChecked.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    padding: 10px;
    width: 15px;
    float: left;
}
.sessionListRowItemFolder
{
    padding: 10px;
    width: 180px;
    float: left;
}
.sessionListRowItemDeckID
{
    padding: 10px;
    width: 80px;
    float: left;
}
.sessionListRowItemSessionName
{
    padding: 10px;
    width: 445px;
    float: left;
    text-overflow:ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.sessionRowItemDate
{
    padding: 10px;
    width: 55px;
    float: left;
}
.sessionRowItemTime
{
    padding: 10px;
    float: left;
}
.sessionRowItemSlideID
{
    float: left;
    margin-right: 4px;
}
.sessionRowItemSlideExcelExport
{
    background-image: url(images/downloadArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    margin-right: 8px;
    width: 14px;
}
.sessionRowItemSlideTitle
{
    float: left;
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.sessionRowItemUserLabel
{
    padding-left: 20px;
    float: left;
    white-space: nowrap;
    text-overflow:ellipsis;
}
#divChart
{
    width: 970px;
    height: 420px;
}
#divChartExport
{
    width: 970px;
    height: 420px;
}

#divSessions 
{
    width: 326px;
    height: 200px;
    overflow-y: scroll;
}
#divSlides 
{
    width: 326px;
    height: 200px;
    overflow-y: scroll;
}
#divSessionSlides 
{
    width: 326px;
    height: 200px;
    overflow-y: scroll;
}
#divChartTypes
{
    width: 326px;
    height: 200px;
    overflow-y: scroll;
}
#divUsers 
{
    width: 326px;
    height: 200px;
    overflow-y: scroll;
}
.emptyChart 
{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 140px;
}
.errorChart 
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 140px;
}
#divSlideIDLabel
{
    text-align: center;
    padding-top: 8px;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    
}

#divSlideIDLabelFullScreen
{
    width: 200px;
    text-align: center;
    padding-top: 8px;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
}
#divFullScreenContainer
{
    background-color: white;
    border: 10px solid #8dc63f;
    top: 0;
    left: 0;
    position: fixed
}
#divFullScreenProgress
{
    background-color: white;
    border: 10px solid #8dc63f;
    top: 0;
    left: 0;
    position: fixed
}
#divFullScreenProgressImageContainer
{
    width: 970px;
    height: 420px;
    border: 1px solid gray;
}
#divFullScreenProgressStatusText
{
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
#divCancelExport
{
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
#divFullScreen
{
    cursor: pointer;
    margin: 6px 6px 0px 0px;
    top: 0;
    right: 0;
    position: absolute;
    width: 31px;
    height: 21px;
    background-image: url(images/maximize.png);
    background-repeat: no-repeat;
}
.exportPDFSingle
{
    cursor: pointer;
    margin: 6px 78px 0px 0px;
    top: 0;
    right: 0;
    position: absolute;
    width: 18px;
    height: 21px;
    background-image: url(images/pdf1.png);
    background-repeat:no-repeat;
    color: White;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
    
    
  
}

.exportPDF
{
    cursor: pointer;
    margin: 6px 50px 0px 0px;
    top: 0;
    right: 0;
    position: absolute;
    width: 18px;
    height: 21px;
    background-image: url(images/pdfAll.png);
    background-repeat:no-repeat;
    color: White;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
}
.exportExcelSurvey
{
    cursor: pointer;
    width: 60px;
    height: 21px;
    background-color: #8dc63f;
    color: White;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
}
.btnRptOption
{
    cursor: pointer;
    height: 19px;
    background-color: White;
    color: #8dc63f;
    font-weight: bold;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    padding: 0px 10px 0px 10px;
    float: left; margin: 10px 10px 10px 0px;
    border: solid 1px #8dc63f;
}
.btnRptOptionSelected
{
    cursor: pointer;
    height: 19px;
    background-color: #8dc63f;
    color: White;
    font-weight: bold;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    padding: 0px 10px 0px 10px;
    float: left; margin: 10px 10px 10px 0px;
    border: solid 1px #8dc63f;
}
.btnRpt
{
    cursor: pointer;
    height: 21px;
    background-color: #8dc63f;
    color: White;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
    padding: 0px 10px 0px 10px;
    float: left; margin: 10px 10px 10px 0px;
}
.btnRptOptionLabel
{
    cursor: pointer;
    height: 21px;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
    padding: 0px 10px 0px 10px;
    float: left; margin: 10px 10px 10px 0px;
}

.selectAllOptions
{
    float: left;
    font-size: 14px;
    padding: 4px;
}
.selectAllOptions span
{
    cursor: pointer;
    text-decoration: underline;
    color: #77af2b; 
}
.moveToFolder
{
    cursor: pointer;
    background-color: #8dc63f;
    color: White;
    font-weight: bold;
    font-size: 14px;
    float: right;
    padding: 4px;
margin-left: 4px;
}


.exportExcel
{
    cursor: pointer;
    margin: 6px 50px 0px 0px;
    top: 0;
    right: 0;
    position: absolute;
    width: 60px;
    height: 21px;
    background-color: #8dc63f;
    color: White;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
}

#divSelectChartType
{
    margin: 6px 0px 0px 6px;
    top: 0;
    left: 0;
    position: absolute;
}
.graphTypeRatingsByTime 
{
    cursor: pointer;
    border: solid 2px #8dc63f;
    margin-right: 8px;
    padding: 4px;
    float: left;
}
.graphTypeMinAvgMaxByUser {
    cursor: pointer;
    border: solid 2px #8dc63f;
    padding: 4px;
    float: left;
}
.graphTypeSelected {
    
    background-color: #8dc63f;
    color: White;
}
#divFullScreenPrevNext
{
    margin: 6px 0px 0px 6px;
    top: 0;
    left: 0;
    position: absolute;
}

#divMinimize
{
    cursor: pointer;
    margin: 6px 6px 0px 0px;
    top: 0;
    right: 0;
    position: absolute;
    width: 31px;
    height: 21px;
    background-image: url(images/minimize.png);
    background-repeat: no-repeat;
}

.slidePane
{
    border: 2px solid white;
    padding: 10px;
    margin: 0px 4px 0px 4px;
    height: 150px;
}
.slidePaneSmall
{
    border: 2px solid white;
    padding: 10px;
    margin: 0px 4px 0px 4px;
    height: 75px;
}
.slidePaneSelected
{
    border: 2px solid #3a3a3a !important;
}
.slidePaneLabel
{
    background-color: gainsboro;
    text-align:center;
    padding: 4px;
    font-size: 20px;
}
.slidePaneSlideID
{
    height: 24px;
    font-size: 20px;
    text-align:center;
    margin: 10px 0px 14px 0px;
}
.slidePaneTitle
{
}
.slidePaneTitleTextbox
{
    border: 2px solid #e2e2e2;
    padding: 4px;
    width: 200px;   
    font-size: 20px;
}
.slidePaneTitleLabel
{
    text-align:center;
    font-style: italic;
    font-size: 16px;
    margin-top: 4px;
}
.sessionDeckLabel 
{
    font-size: 20px;
    background-color: gainsboro;
    margin-bottom: 10px;
    padding: 6px;
}

.colorPicker
{
 cursor: pointer;   
 padding: 1px;
 border: 1px solid gainsboro;
 width: 33px;
 background-image: url(images/downArrow.png);
 background-position: 28px center;
 background-repeat: no-repeat;
}
.selectedColor
{
    width: 25px;
    height: 25px;
}
#divChartColorPicker
{
    position: absolute;
}
.chartColorsContainer
{
    position: absolute;
    background-color: White;
    border: 1px solid gainsboro;
    padding-left: 2px;
    padding-top: 2px;
    width: 324px;
    height: 135px;
}
.chartColorOption
{
    cursor: pointer;
    height: 25px;
    width: 25px;
    float: left;
    margin: 0px 2px 2px 0px;
}

.trackHeaderRow
{
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    clear: both;
    border-bottom: 1px solid #9d9d9d;
}

.trackRow
{
    cursor: pointer;
    padding: 10px;
    font-size: 14px;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
}
.trackRow:hover
{
    background-color: #ededed;
}

.trackItemName
{
    float: left;
    width: 100px;
}
.trackItemSession
{
    float: left;
    width: 300px;
}
.trackItemStep
{
    float: left;
    width: 100px;
}
.SessionBreadcrumb
{
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
}
.userGroupCollapsed
{
    display: none;
}
.userGroupExpanded
{
    display: block;
}
.userGroupHeaderCollapsed
{
    padding-left: 20px;
    background-image: url(images/plus.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}
.userGroupHeaderExpanded
{
    padding-left: 20px;
    background-image: url(images/minus.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}
.sessionSearchContainer {
    background-color: #f2f2f2; padding: 10px; margin-bottom: 10px;
}
.sessionSearchItem {
    float: left; margin: 0px 10px 10px 0px;
}
.listFolders
{
    font-size: 16px;
    width: 500px;
    margin-bottom: 20px;
    padding: 10px;
}

.sessionContainer{
    background-color: #f6f6f6; 
}

#divSessionWaiting{
    font-size: 24px;
    text-align: center;
    height: 400px;
    width: 980px;
    vertical-align: middle;
    display: table-cell;
}
#divSessionScoring{
padding-bottom: 4px;
}

#divSessionRatingSlider{
    width: 800px; margin-left: auto; margin-right: auto;
}
#divSessionRating5Point{
    width: 650px; margin-left: auto; margin-right: auto;
}
#divSessionScoringContents{
    width: 910px; margin-left: auto; margin-right: auto;
}

#divSessionVoting{
    padding: 150px 4px 150px 4px;
}
#divSessionVotingContents, #divSessionRating3Point{
    width: 390px; margin-left: auto; margin-right: auto;
}

#divSessionRating{
    font-size: 24px;
    text-align: center;
    height: 400px;
    width: 980px;
    vertical-align: middle;
    display: table-cell;
}

.userGroup{
    font-size: 16px;
    padding: 10px;
    margin-top: 10px;
    border-bottom: solid 1px gray;
}
.userItem{
    padding: 10px;
    font-size: 14px;
    margin-left: 30px;
    cursor: pointer;
    border-bottom: solid 1px #d0d0d0;
}
.userItem:hover{
    background-color: #e9e9e9;
}
.sessionCurrentUser{
    font-size: 22px;
    float: left;
    margin-right: 20px;
}
.sessionChangeUser{
    float: left;
    padding-top: 8px;
}
.scoringSectionHeader{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 1px;
}

.scoringSectionSubheader{

    font-size: 14px;
    text-align: center;
    margin-bottom: 6px;
}

.scoringSectionPreheaderV2{


    font-style: italic;
    font-size: 14px;
    text-align: center;
    margin-bottom: 1px;

}

.scoringSectionHeaderV2{
    
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 6px;
}

.sessionCurrentSlide{
    font-size: 24px;
}
.divSessionScoringButtonContainer{
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
}
.divSessionScoringButtonContainerV2{
    margin-bottom: 12px;
}
.scoringBtnContainer{
    float: left;
    margin: 1px;
}
.scoringBtn{
    width: 100px;
    height: 100px;
    padding: 6px 4px 0px 4px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
    box-shadow: 1px 1px 2px 0px;
    position: relative;
}
.scoringBtnV2{
    width: 125px;
    height: 125px;
    background-size: 125px 125px;
    background-repeat: no-repeat;
    cursor: pointer;

    display: table-cell;

    position: relative;
}
.scoringBtnValLabel{
    position: absolute; left: 0px; top: 2px;
    width: 100px;
    text-align:center;
    font-size: 12px;
}

.scoringBtnUnselected:hover{
    background-color: #d0d0d0 !important;
}

.scoringBtn1 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn1 .scoringBtnSelected {
    border: solid 10px #930000;
    color: black;
    background-color: white;
}

.scoringBtn2 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn2 .scoringBtnSelected {
    border: solid 10px #b46918;
    color: black;
    background-color: white;
}

.scoringBtn3 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn3 .scoringBtnSelected {
    border: solid 10px #e8be3d;
    color: black;
    background-color: white;
}

.scoringBtn4 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn4 .scoringBtnSelected {
    border: solid 10px #ffea00;
    color: black;
    background-color: white;
}

.scoringBtn5 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn5 .scoringBtnSelected {
    border: solid 10px #b7d746;
    color: black;
    background-color: white;
}

.scoringBtn6 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn6 .scoringBtnSelected {
    border: solid 10px #85aa22;
    color: black;
    background-color: white;
}

.scoringBtn7 .scoringBtnUnselected {
    border: solid 10px #d0d0d0;
    color: black;
    background-color: white;
}
.scoringBtn7 .scoringBtnSelected {
    border: solid 10px #138600;
    color: black;
    background-color: white;
}

.votingBtnYes .scoringBtnUnselected{
    border: solid 10px #138600;
    color: black;
    background-color: white;
}
.votingBtnYes .scoringBtnSelected{
    border: solid 10px #138600;
    color: white;
    background-color: #138600;
}


.votingBtnNo .scoringBtnUnselected{
    border: solid 10px #930000;
    color: black;
    background-color: white;
}
.votingBtnNo .scoringBtnSelected{
    border: solid 10px #930000;
    color: white;
    background-color: #930000;
}

.votingBtnAbstain .scoringBtnUnselected{
    border: solid 10px #767676;
    color: black;
    background-color: white;
}
.votingBtnAbstain .scoringBtnSelected{
    border: solid 10px #767676;
    color: white;
    background-color: #767676;
}

.rating3ptBtnDislike .scoringBtnUnselected, .rating5ptBtnStronglyDislike .scoringBtnUnselected{
    border: solid 10px #930000;
    color: black;
    background-color: white;
}
.rating3ptBtnDislike .scoringBtnSelected, .rating5ptBtnStronglyDislike .scoringBtnSelected{
    border: solid 10px #930000;
    color: white;
    background-color: #930000;
}

.rating5ptBtnDislike .scoringBtnUnselected{
    border: solid 10px #ff8d02;
    color: black;
    background-color: white;
}
.rating5ptBtnDislike .scoringBtnSelected{
    border: solid 10px #ff8d02;
    color: white;
    background-color: #ff8d02;
}

.rating3ptBtnNeutral .scoringBtnUnselected, .rating5ptBtnNeutral .scoringBtnUnselected{
    border: solid 10px #ffea00;
    color: black;
    background-color: white;
}
.rating3ptBtnNeutral .scoringBtnSelected, .rating5ptBtnNeutral .scoringBtnSelected{
    border: solid 10px #ffea00;
    color: black;
    background-color: #ffea00;
}

.rating5ptBtnLike .scoringBtnUnselected{
    border: solid 10px #138600;
    color: black;
    background-color: white;
}
.rating5ptBtnLike .scoringBtnSelected{
    border: solid 10px #138600;
    color: white;
    background-color: #138600;
}

.rating3ptBtnLike .scoringBtnUnselected{
    border: solid 10px #138600;
    color: black;
    background-color: white;
}
.rating3ptBtnLike .scoringBtnSelected{
    border: solid 10px #138600;
    color: white;
    background-color: #138600;
}

.rating5ptBtnStronglyLike .scoringBtnUnselected{
    border: solid 10px #0370ff;
    color: black;
    background-color: white;
}
.rating5ptBtnStronglyLike .scoringBtnSelected{
    border: solid 10px #0370ff;
    color: white;
    background-color: #0370ff;
}

#sliderBar{
    width: 800px; height: 100px; border-radius: 50px; 

    background-color: gainsboro;

    background: -moz-linear-gradient(top, #dadada 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%,#e9e9e9 100%); /* W3C */
}
#sliderButton{
    background-color: #8dc63f; width: 100px; height: 100px; cursor: pointer; border-radius: 50px;

    background: -moz-linear-gradient(top, #8dc63f 0%, #78ab33 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc63f), color-stop(100%,#78ab33)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8dc63f 0%,#78ab33 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8dc63f 0%,#78ab33 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8dc63f 0%,#78ab33 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8dc63f 0%,#78ab33 100%); /* W3C */

}
#sliderButtonInside{
    border: 5px solid #689b23; border-radius: 50px; width: 90px; height: 90px; line-height: 90px;
}
#sliderButtonLabel{
    color: white; font-size: 36px
}