﻿/*** Overwriting properties of left banner specific to additional links in Help page. */
#leftColumn
{
    height: 100vh;
    min-height:785px;
}

@media (orientation:portrait)
{
    #leftColumn
    {
        height:785px;
    }
}

/*#TWM
{
    height:27.82%;
    top:-11.81%;
}

#LeftMenu
{
    top: -11%;
}*/

#LeftBannerBottomDiv
{
    width: 100%;
    margin: -64px 0px 0px 0px;
}

#LeftMenu div
{
    width:100%;
}

#divHelp
{
    /*margin-top: 30px;*/ 
    width: 97%;/*800px;*/
    background-color : #E2E2DC;
    height:634px;
}

.divHelpContent
{
    width: 100%; 
    height: 502px; 
    margin-top: 0px;
    background-color : #E2E2DC;
}
.divHelpHeading
{
    width: 100%; 
    height: 55px;   
    background-color : #E2E2DC;
    /*border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-bottom-color: #BEBEBE;*/
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: #BEBEBE;
}

.spnHelpTypes
{ 
    top:15px;
    left:10px;
    position:relative;
    text-indent: 15px; 
    vertical-align: middle;
    text-align:center;
    font-family: 'Times New Roman', Times, serif; 
    font-size: x-large;
    color: #666666;
}
.divHelpTypes
{
     border-right: 1px solid #BEBEBE; 
     height :55px;    
     position: relative;
     width: 63.7%;/*514px;*/ 
     /*left: 30px;*/
     display:inline-block;
}

.divTop
{
     background-color: #EEEEEE;
     /*width:800px;*/
     height :12px;
     
}

.headerQuillImage
{
    margin-top:-13px;
    position:relative;
    right:-8px;
    display :inline-block;
    float:right;
}
.spnHelpHeading1
{
    text-indent: 20px; 
    position: relative; 
    left: 30px;
    width: 200px;
    height: 20px; 
    right: 193px; 
    color: #666666;
    display:block;
}

.spnHelpHeading2
{
   text-indent: 30px;
   position: absolute;  
   font-family: 'Times New Roman', Times, serif;
   font-size: x-large;
   left: 77px;
   top:14px;
   color: #666666; 
   width: 190px;
   display:block;
}

.divServiceText
{
    width:200px;
    position:relative;
    left :10px;
    display:inline-block;
}

.divAllHelpContent
{
    width :100%;
    background-color: #EEEEEE;
    height:565px;
}
.divAllHelpDisplay
{
   width: 63.7%; /*504px;*/ 
   height: 565px;
   border-right: 1px solid #BEBEBE; 
   position: relative;
   /*left: 10px;*/
   display:inline-block;
   float:left;
   /*top:-15px;*/
}

.divHelpSearch
{
    width: 36%; /*229px;*/
    float:left;
    position: relative;
    height: 565px;
    display:inline-block;
}

.divHelpQAs
{
    border: 1px solid Gray; 
    height: 500px; 
    /*margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 20px;*/ 
    width: 90%;
    background-color: White;
    overflow-y: scroll;
    font-size: 12px;
    padding: 4px 4px 4px 4px;
    /*display :inline-block;*/

    margin: 0px auto;
    position: relative;
    top: 20px;

    /* Workaround for border missing while resizing proportionately in few resolutions. - Praveen */
    border-radius: 1px;
    box-shadow: 0.22px 0px 0px black;
    /*-----------------------------------------------*/
}
#spnSearchHeading
{
    text-indent: 60px;
    display: block;
    
}

.helpQuestions
{
    border: 1px solid Gray; 
    background-color: White;   
    overflow-y: scroll;  
    height: 300px;
    width: 90%; /*250px;*/
    /*position:absolute;*/
    padding-left:5px;
    margin: 108px auto 0 auto;

    /* Workaround for border missing while resizing proportionately in few resolutions. - Praveen */
    border-radius: 1px;
    box-shadow: 0.15px 0px 0px black;
    /*-----------------------------------------------*/
}

.searchResults
{
    border: 1px solid Gray;
    background-color: White;
    position:absolute;
    height: 300px;
    width:250px;
    padding-left:5px;
}

.divLiveChat
{
    position :relative;
    display:inline;
    
   
}
.divChatImage
{   
    background-repeat: no-repeat;
    width: 141px;
    height: 54px;
    position :absolute;
    background-position :left;
    left: 59px; 
   
    
}

.liveChatButtonImage
{
    width:100px;
    height:40px;
    border:0;
}

.divChatImageBtn
{
    margin-left: 84px;
    width: 100px;
    position :absolute;  
    z-index:999;
}

#divHelpSearchResults
{
    position :relative;
    height: 300px;
    width: 250px; 
    bottom: 147px;
    
}
.divSearchHeading
{
    position:absolute ;   
    /*bottom:525px;
    width: 250px;*/
    top: 20px;
    left: 11%;
}

.divSearchHelp
{
   position:absolute;
   top:41px;
   /*width:250px;*/
    left:11%;
   
}
.help-search-line-separator
{
    position:absolute;
    bottom:466px;
    color:Gray;
    background-color:#BEBEBE;
    height:1px;
    border:none; 
    width: 100%; /*286px;*/
    
}

.spnSearchText
{
 color :#666666;
 height:20px;   
}

.livezilla_tracking
{
    display :none;
}

.btnSearch
{
    width: 40px;
    padding:1px !important;
}