/* $Id$ */
/*NOTE: Pages are formatted and styled by this CSS file. You can add more CSS styles or edit the ones below. See http://docs.helpiq.com/#css for more help. */

/*body controls the default font, padding, and margins*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');

/* New */
.rhs p + p {margin-top: 15px}
.rhs li + .info {margin: 20px 0 15px;}

* {
    box-sizing: border-box;
}

.rhs {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    padding: 15px;
    margin: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    line-height: 20px;
}

/*new css*/
.hn19-imgsize {
    max-width: 700px;
    width: auto;
    height: auto;
    border-style: solid;
    margin: 20px 0px;
    cursor: pointer;
}
.hn19-imgsize + h2 {
    padding-top: 20px;
}
h2 ~ ul .hn19-imgsize:last-child {
    margin-bottom: 0px;
}
.info + .hn19-imgsize, .hn19-imgsize + .hn19-imgsize, h2 + .hn19-imgsize, h4 + .hn19-imgsize, .hn19-imgsize + h4 {
    margin-top: 0px !important;
}
ol + .hn19-imgsize {
    margin-top: 10px;
}
.help_top_pane .right-menu li a.btn-dwn-top {
    background: #ff0909;
    padding: 5px 15px 5px 35px;
    border-radius: 2px;
    margin-top: 5px;
    border: 0px;
}

.btn-dwn-top:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/top-dwn.png) no-repeat;
    margin: 4px 0px 0px -23px;
    background-size: 14px;
}

.help_top_pane .right-menu {
    padding-top: 5px;
}
.tb-ti{
margin: 0;
    font-weight: 500;
    font-size: 15px;
    background: #fbfafa;
    padding: 10px 50px 10px 15px;
    cursor: pointer;
    /* border-top: 1px solid #e9e9e9; */
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    color: #2789B1;
}
.tb-ti.cact{
    color: #2789B1;
}
.tb-bd{display:none;padding: 20px 20px 10px 20px;}
.rhs ul li .tb-bd ul li{
    list-style-type: disc;
}

#content > ul li a.lact {
    background: #f2f2f2;
    border-left: 3px solid #12719b;
    font-weight: 600;
}

.bred {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    float: left;
    width: 100%;
    padding: 8px 2.5% 8px 2.5%;
    margin-top: 0px;
    z-index: 2;
}

.bred-sec {
    float: left;
    width: 50%;
}

.bred-sec ul {
    float: left;
    margin: 0px;
    padding: 4px 0px 0px 0px;
}

.bred-sec ul li {
    float: left;
    list-style-type: none;
    margin-right: 20px;
}

.bred-sec ul li a {
    color: #333;font-size:14px
}
.bred-sec ul li span {font-size:14px
}

.bred-sec ul li:last-child span {
    color: #2789B1;
}
/*.rhs ol + .info{margin-left:15px;}
.rhs ul + .info{margin-left:15px;}

.rhs ol + .copy{margin-left:15px;}
.rhs ul + .copy{margin-left:15px;}
.rhs ol + .copy + .info{margin-left:15px;}*/

.rhs .info{/* margin-left:15px; */ word-wrap: break-word;}
.rhs .copy{/* margin-left:15px; */margin: 20px 0px;}
.rhs .copy:before{
	content:'>';
	position:absolute;
	width:20px;
	height:20px;
	font-size: 18px;
	margin: 10px 0px 0px 14px;
	font-family: 'PT Mono', monospace;
}
.rhs .copy p{
    width: 92%;
}
.bred-sec ul li:last-child a {}

.bred-sec ul li:after {
    content: '/';
    position: absolute;
    width: 12px;
    height: 12px;
    color: #909090;
    margin: 1px 0px 0px 7px;
}

.bred-sec ul li:last-child:after {
    display: none;
}

.sear {
    float: left;
    width: 50%;
    /* padding-right: 6px; */
    box-sizing: border-box;position: relative;
  display: inline-block;
}
.sear form{position: relative;
  display: inline-block;}
.sear form:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../images/icons/search.png) no-repeat 1px 2px;
    background-size: 11px;
    margin: 3px 0px 0px -24px;
    opacity: 0.7;display:none;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*When navigating through autocomplete items using the arrow keys:*/
.autocomplete-active {
  background-color: #f2f2f2;
}

.rhs h1 {
    padding-bottom: 20px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 30px;
}

.rhs h1 + hr,
.rhs #homeBtn {
    display: none;
}

.rhs .s1 {
    float: left;
    width: 75%;
}

.rhs .s2 {
    float: right;
    width: 24%;
    padding: 10px 15px 0px 45px;
    height: 100%;
}

.rhs .s2 ul li a,
.rhs .s2 ul li a em {
    color: #333;
    font-style: initial;
}

.rhs .s2 ul li a:hover,
.rhs .s2 ul li a em:hover {
    color: #2789B1;
}

.rhs .s2 .fx {
    position: fixed;
}
.rhs .s2 .fx h2{    font-size: 20px;}

.collap {
    border: 1px solid #e9e9e9;
    border-top: 0;
    width: 90%;
    border-bottom: 0px;
}

.rhs .collap ul {
    padding: 0px;
}

.s2 ul{
    overflow-y: auto;
    overscroll-behavior: contain !important;
    -ms-scroll-chaining: none !important;
    height: calc(75% - 80px);
    position: fixed;
    scrollbar-width: thin;
    padding: 0px 30px 0px 15px !important;
    width: 15%;
}
.s2 ul h2{margin-left: -20px;}

.collap ul li:last-child {
    margin-bottom: -2px;
    padding-bottom: 1px
}

.collap ul li h4:after, .coll-tips ul li .tb-ti:after {
    content: '';
    position: absolute;
    transform: rotate(180deg);
    margin: 8px 0 0 -21px;
    transition: all .5s ease;
    right: 15px;
    border-top: 1px solid #4e4e4e;
    border-left: 1px solid #4e4e4e;
    transform: rotate(-54deg) skew(-20deg);
    border-width: 2px;
    display: inline-block;
    font-size: 12px;
    width: 6px;
    height: 6px;
    transform: rotate(224deg);
}

.coll-tips ul li ol li {
    list-style-type: decimal;
}

.collap ul li:first-child h4{border-top: 1px solid #e9e9e9;}
.collap ul li .cact + div{border-bottom: 1px solid #e9e9e9;}

.collap ul li div ol li:after {
    display: none
}

.collap ul li h4 {
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    background: #fbfafa;
    padding: 10px 50px 10px 15px;
    cursor: pointer;
    /* border-top: 1px solid #e9e9e9; */
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    color: #2789B1;
}

.collap ul li h4 span {
    font-weight: 400;
    font-size: 13px
}

.collap ul li div {
    display: none;
    padding: 20px 20px 10px 20px;
}

.collap ul li div ol {
    padding: 22px 10px 0px 0px;
}

.collap ul li .cact:after, .coll-tips ul li .cact:after {
    transform: rotate(44deg);
    transition: all .5s ease;
}

.collap ul li div ol li {
    line-height: 30px
}

.collap ul li div ol li span {
    text-transform: uppercase;
    margin-right: 6px
}

.collap ul li .cact {
    /* margin-top: -1px; */
    color: #2789B1;
}

.collap ul li:last-child div {
    border-bottom: 1px solid #e9e9e9;
}

.collap ul li div p {
    /* padding: 22px 10px 0px 20px; */
    padding-bottom: 10px;
}

.collap ul li div p + ol {
    padding-top: 10px;
}

.rhs .collap + h2 {
    padding-top: 40px;
}

.rhs h2 + .collap {
    margin-top: 10px;
}
.rhs ol + h2{    padding-top: 35px;}

.collap ul li .tb-bd div{display:block;}

/*HR this is a 1px divider line*/
HR {
    border: 0;
    color: #E4E4E4;
    background-color: #E4E4E4;
    height: 1px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 5px;
}

/*Removes the border to all images*/
img {
    border: 0px;
}

/*Force italic fonts*/
em {
    font-style: italic;
}

/*Style for the computer code. Apply it by 'styles > computer code' in the editor */
.computer_code,
code {
    background-color: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 1.7em;
    color: #666;
    padding: 5px;
    border: 1px dotted #999
}

/*yellow highlight. Apply it by 'styles > tip' in the editor */
.tip {
    background: #FFF5D9;
    padding: 5px;
    line-height: 2.0em;
    width: 100%;
}

/*Info box. Apply it by 'styles > Info' in the editor */
.info {
    background: #d2eefc url(/images/icons/notes.png) 5px 50% no-repeat;
    padding: 5px 30px;
    line-height: 2.0em;
    width: 95%;
}

/*Warning box. Apply it by 'styles > Warning' in the editor */
.warning {
    background: #ffedeb url(/images/warning.png) 5px 50% no-repeat;
    padding: 5px 30px;
    line-height: 2.0em;
    width: 95%;
}

/*Used to clear a floating element. Apply the class="clearfloat" */
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.res{
    position: absolute;
    background: #fff;
    box-shadow: 0px 10px 13px 1px #3333331a;
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    margin: 25px 0px 0px 0px;
    /* padding: 12px; */
    display: none;
    max-height: 300px;
    overflow-y: auto !important;
    border: 1px solid #c1c1c1;
    border-top: 0px;
    padding: 4px 0px 0px 0px;
    scrollbar-width: thin;
}
.res li{
    list-style-type: none;
    /* padding-bottom: 5px; */
}
.res li:last-child{
	padding-bottom:0px;
}
.res li a{
    display: block;
    font-size: 13px;
    color: #333;
    border-bottom: 1px solid #ececec;
    padding: 7px 10px;
    text-decoration: none;
}
.res li a em{    font-style: inherit;color: #287ba2;}
#Sophosreports{display:none;}

/*Typewriter and keyword style. Apply it by 'styles > typewriter' and 'styles > Keyboard phrase' in the editor */
tt,
kbd {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

/*Hyperlink styles*/
a {
    color: #1E4176
}

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

a:link,
a:visited,
a:active,
a:hover {
    color: #2789B1
}

a:hover {
    color: #014E66;
    text-decoration: underline
}

/*Font Styles*/
p {
    line-height: 23px;
}

p {
    margin: 0;
    padding: 0
}

/*Heading 1. Apply it by 'format > Heading 1' in the editor */
H1 {
    margin-bottom: 5px
}

/*Heading 2. Apply it by 'format > Heading 2' in the editor */
H2 {}

/*Heading 3. Apply it by 'format > Heading 3' in the editor */
H3 {
    line-height: 20px !important;
    color: #999;
    margin-bottom: 0px
}

/*Heading 4. Apply it by 'format > Heading 4' in the editor */
H4 {
    line-height: 20px;
    color: #000;
    margin-bottom: 15px;
}

/*Heading 5. Apply it by 'format > Heading 5' in the editor */
H5 {
    line-height: 20px;
    color: #000;
    margin-top: 0
}

/*Bullet Lists Styles*/
ul {
    list-style-type: disc;
    margin: 5px 0 0 9px;
    padding: 0 0 0 12px;
    line-height: 200%;
    margin: .2em 0;
}

li {
    margin-bottom: 7px;
    line-height: 200%;
    margin: .2em 0;
}

.rhs li {
    margin: .2em 0 !important;
}

.rhs .s2.act .fx ul {
    width: 19%;
}

.rhs .s2 ul li a.ract {
    color: #2789B1;
    text-decoration: underline;
}

ol {
    list-style-type: decimal;
    margin: 0 0 10px 30px;
    line-height: 200% !important;
}

ol li {
    margin-bottom: 6px;
    line-height: 200% !important;
}

.tac {
    text-align: center
}

/*Optional table styles. Apply it by inserting a new table, advanced tab, 'Stylesheet Classes = table' */
.header {
    background-color: #FEF2E9;
    color: #EB6C11;
    margin-bottom: 0;
    padding: 0.5em;
}
.wrapTable {
    overflow-x: auto;
    scrollbar-width: thin;
}
.wrapTable::-webkit-scrollbar {
    width: 5px;
}
.table {
    border-collapse: separate;
    border-spacing: 0;
    border-color: #CCC;
    border-style: solid;
    border-width: 0 0 1px
}

.table tr td {
    border-right: 1px dotted #CCC;
    border-top: 1px solid #CCC;
    padding: 0.5em 0.5em 0.5em;
    vertical-align: top
}

.table td {}

.table .tablerow1 {
    background-color: #BBB
}

/* Global align classes */
.left {
    text-align: inherit
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.full {
    text-align: justify
}

/* Image and table specific aligns. This are optional*/
img.left,
table.left {
    float: left;
    text-align: inherit
}

img.center,
table.center {
    margin-left: auto;
    margin-right: auto;
    text-align: inherit
}

img.center {
    display: block
}

img.right,
table.right {
    float: right;
    text-align: inherit
}

/*New home page styles (sites created after 8/1/2013). You can edit or delete them if you want to change the home page.*/
.intro {
    width: 800px;
    padding-bottom: 25px
}

.container {
    overflow: hidden;
    width: 850px;
}

.container .columns {
    border: #cccccc 1px solid;
    float: left;
    margin: 0 15px 0 0;
    text-align: left;
    width: 600px;
    overflow: hidden
}

.container .contact {
    background: #ffffff;
    border: 1px solid #D8DEE3;
    float: left;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: 200px;
}

.container .contact h2 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px;
}

.columns .header {
    background-color: #f2f2f2;
    color: #999999;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 17px 8px 10px;
    text-align: left;
    clear: both
}

.columns .col-inner {
    color: #333333;
    padding: 12px 5px 5px;
}

.columns .left-col {
    width: 50%;
    float: left
}

.columns .right-col {
    width: 50%;
    float: right
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {

    .intro,
    .container {
        width: auto
    }

    .container .columns {
        float: none;
        margin: 0 15px 15px 0;
        background: none;
        width: auto
    }

    .container div.contact {
        float: none
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .columns .left-col,
    .columns .right-col {
        float: none;
        width: auto
    }
}

/* The Modal (background) */
.myModal.zoomed {
    scrollbar-width: thin;
    overflow-y: auto;
}

.myModal.zoomed::-webkit-scrollbar {
    width: 5px;
}

.myModal {
    display: block;
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    overflow: hidden;
    left: 0;
    top: 52px;
    width: 100%;
    height: calc(100% - 52px);
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    cursor: pointer;
}

#innerModal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.innerModal {
    position: absolute;
    height: 100%;
    width: 100%;
}


/* Modal Content (image) */
.myModal img {
    display: block;
    margin: auto;
    padding: 50px 20px;
}
.modal-content {
    overflow: hidden;
    max-width: 75%;
    max-height: 75%;
}

.modal-zoomed {
    overflow: auto;
    width: 90%;
    height: auto;
}

.modal-zoomed:hover {
    cursor: zoom-out;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out
}

.modal-content:hover{
    cursor: zoom-in;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
}


/*Search styles for the home page */

h2.search {
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0 7px;
    overflow: hidden;
    color: #333
}

.searchInput {
    margin: 0px;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 7px;
    border-left: #ccc 1px solid;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    width: 520px;
    background: url("/images/kbsearch_bg.gif") #fff repeat-x center top;
    color: #333;
    font-size: 15px;
    vertical-align: text-top
}

.searchInput:focus {
    box-shadow: 0 0 5px rgba(82, 168, 236, .5);
    -webkit-box-shadow: 0 0 5px rgba(82, 168, 236, .5);
    -moz-box-shadow: 0 0 5px rgba(82, 168, 236, .5);
    border: 1px solid rgba(82, 168, 236, .75);
}

.searchButton {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("/images/button-bg.gif") repeat-x scroll left bottom #FEFFFE;
    border-color: #DDD #CCC #CCC #DDD;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: pointer;
    margin: 0;
    font-size: 20px;
    margin: 0 0 0 5px;
    padding: 5px 10px 5px;
    vertical-align: text-top
}

.searchButton:active,
.searchButton.active {
    background-position: left top
}

.searchButton:hover,
.searchButton.hover {
    border-color: #069;
    color: #069
}

/* Styles for the old home page (sites created before 8/1/2013) */

#startcontainer {
    width: 850px;
}

#startcontainer #width {
    width: 850px;
    /* make this the width you need for x number of blocks */
}

#startcontainer div.table {
    float: left;
    width: 600px;
    background-color: #036;
    margin: 0px 15px 0px 0px;
    text-align: left;
}

#startcontainer div.block {
    float: left;
    width: 200px;
    width: 200px;
    margin: 0px;
    background: #FFF;
    text-align: left;
    padding: 10px;
    border: 1px solid #D8DEE3;
}

#start-topic-table {
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #D8DEE3;
    background-color: #FAFDFF;
}

#start-topic-table th {
    padding: 8px 17px 8px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #999;
    background: #F2F2F2;
    text-align: left
}

#start-topic-table td {
    padding: 12px 5px 5px 5px;
    color: #333;
    border: none;
}

#searchContainer {
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0;
    padding: 10px 5px 10px 20px;
    max-width: 800px;
    background: #F2F2F2;
    clear: left;
    min-width: 600px;
    white-space: nowrap;
}

h2.morehelp {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0 7px;
    color: #333
}

body {
    background:#DCDCDC;
    font: 12px;
    color: #000;
    scrollbar-color: #868686 #ececec;
}
/* Related Products Section */
ul.relPro{border-top:solid 1px #ececec;margin:10px 0 0 0;padding:10px 0 0 0}
ul.relPro li{margin-bottom:0;overflow:hidden;padding:5px 0 5px 30px;position:relative;}
ul.relPro li:before{background:url(../images/sprite.png) no-repeat;background-size:20px;content:"";height:19px;left:0;position:absolute;top:6px;width:20px}
ul.relPro li:nth-child(1){border:none !important;padding-left:0;}
ul.relPro li:nth-child(1):before{display:none}
ul.relPro li:nth-child(3):before{background-position:0 -19px}
ul.relPro li:nth-child(4):before{background-position:0 -37px}
ul.relPro li:nth-child(9):before{background-position:0 -113px}
ul.relPro li:nth-child(5):before{background-position:0 -75px}
ul.relPro li:nth-child(6):before{background-position:0 -93px}
ul.relPro li:nth-child(7):before{background-position:0 -56px}
ul.relPro li:hover{border-bottom:solid 1px #f3f3f3;border-top:solid 1px #f3f3f3;}
ul.relPro li div{height:0px;transition:all .5s;}
ul.relPro li:hover div{height:auto !important;transition:all .5s}
ul.relPro li p{color:#606060;font-size:11px !important;line-height:20px;margin:0}
ul.relPro li span{display:block;margin:0;}
ul.relPro li span a{color:#0097ca !important;display:inline-block !important;font-size:12px !important;padding:0}
ul.relPro li span a:hover{padding:0;}
ul.relPro{display:block}
ul.relPro li a,
ul.relPro li a:hover{color:#262a31;font-size:12px !important;padding-left:0px !important;text-decoration:none}
ul.relPro li:hover > a{color:#262a31}
ul.relPro li span a:hover{color:#0097ca !important;text-decoration:underline}
ul.relPro li span a:visited{color:#0097ca !important}
ul.relPro li a:before{display:none}
ul.relPro li{font-weight:normal}
ul.relPro li:nth-child(1){font-weight:700 !important}
ul.relPro li span a,
ul.relPro li span a:visited{color:#0097ca}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    font-family: 'Lato', sans-serif;
}

.container {
    position: fixed;
    width: 100%;
    height: calc(100% - 71px);
    bottom: 0;
    left: 0;
    /* padding: 0 2.5%; */
    top: 52px;
}

.container .lhs {
    width: 22%;
    position: fixed;
    height: calc(100% - 61px);
    overflow: auto;
    box-sizing: border-box;
    margin-top: 46px;
    /* transition: all 0.5s ease; */
    scrollbar-width: thin;
}

#leftmain {
    padding: 13px 5px 60px 20px;
}

.container .lhs::-webkit-scrollbar {
    width: 5px;
}
.container .rhs::-webkit-scrollbar {
    width: 5px;
}

.container .rhs {
    width: 75%;
    margin-left: 23%;
    position: fixed;
    height: calc(100% - 61px);
    overflow: auto;
    padding: 18px 10px 0px 10px;
    box-sizing: border-box;
    margin-top: 46px;
    /* transition: all 0.5s ease; */
    /* z-index: -1; */
    scrollbar-width: thin;
}

.hide {
    display: none;
}

div#titlediv {
    display: none;
}

.search-field {
    padding: 6px 5px 6px 8px;
    margin-top: 0px;
    width: 300px;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
    font-size: 12px;
    padding-right: 20px;
    outline: none;
    float: left;
}

.bcs-searchbox-btn {
        background: url(../images/icons/search.png) no-repeat 9px 5px;
        background-size: 11px;
        border: none;
        width: 30px;
        height: 20px;
        padding: 0;
        position: absolute;
        right: 1px;
        outline: none;
        cursor: pointer;
        top: 4px;
}

#form-hockey_v1 {
    position: relative;
}

.rhs h2 {
    line-height: 28px;
    color: #000;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 700;
}

.rhs h4 {
    font-size: 16px;    margin-top: 15px;
}

.rhs .s2 h4 {
    font-size: 16px;
}

.rhs ul+h4 {
    padding-top: 25px;
}

.rhs p+h2 {
    padding-top: 35px;
}

.rhs ul+h2 {
    padding-top: 30px;
}

.rhs p+table, .rhs .wrapTable+h2 {
    margin-top: 15px;
    margin-bottom: 25px;
}

.rhs table+h2, .rhs .wrapTable+h2 {
    padding-top: 35px;
}

.rhs table, .rhs .wrapTable+h2 {
    border-collapse: collapse;
    border: 0px;
}
.rhs p + .wrapTable {margin-top: 20px}

.coll-tips{
    margin-bottom: 40px;
}
.coll-tips ul{
    padding: 0px !important;
    border: 1px solid #e9e9e9;
    /* border-top: 0; */
    /* width: 90%; */
    border-bottom: 0px;
}
.coll-tips ul li{
    list-style-type: none;
}
.coll-tips ul li .tb-ti{
    font-size: 14px;
    margin: 0px;
}
.coll-tips ul li .tb-bd{}
.coll-tips ul li div ul{border:0px;padding-left: 25px !important;}
.coll-tips ul li div p{padding-bottom:15px;}
.coll-tips ul li .tb-bd .info li{list-style-type:none;}
.rhs table tr {
    border: 0px;
    border-bottom: 1px solid #d4d4d4;
}

.rhs table tr th {}

.rhs table tr td {
    border: 0px solid #d4d4d4;
    padding: 10px;
    text-align: left;
}

.rhs table tr:nth-child(1) {
    background: #f1f1f1;
}

.rhs table tr:nth-child(1) td {
    font-size: 13.5px;
    font-weight: 600;
}

.rhs table tr th div {
    text-align: left;
}

.rhs table tr td p {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

.copy {
    position: relative;
}

.cpy-txt {
    position: absolute;
    right: 75px;
    top: 10px;
}

.cpy-txt .ttip {
    position: absolute;
    width: 120px;
    left: -45px;
    top: 26px;
    background: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
}

.copy button {
    border: 0px;
    /* position: absolute; */
    /* right: 75px; */
    /* top: 10px; */
    cursor: pointer;
    background: #f5fbff;
    width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 5px;
}

.copy button img {
    width: 28px;
    max-width: 100%;
}

.cpy {
    border-left: 4px solid #64a9d6;
    background-color: #f5fbff;
    border-radius: 5px;
    padding: 12px 15px 8px 34px;
    border-collapse: inherit;
    margin: 10px 0 0;
    width: 95%;
    font-size: 14px;
    font-family: 'PT Mono', monospace;
}

.ttip {
    opacity: 0;
    transition: all 0.5s ease;
    position: relative;
    z-index: 2;
}

.cpy-txt:hover .ttip {
    opacity: 1;
    transition: all 0.5s ease;
}

.ttip:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #333333;
    top: -5px;
    left: 52px;
    transition: all 0.5s ease;
}

.scrn {
    margin: 20px 0px;
    border: 10px solid #fff;
    box-shadow: 0px 2px 5px rgba(150, 150, 150, 0.26);
}

.lhs ul li ul li {
    margin-left: 5px;
}

.lhs-act {
    background: #f3f3f3;
    float: left;
    position: fixed;
    bottom: 0px;
    width: 22%;
    /* transition: all 0.5s ease; */
}

.lhs-act.lh {
    width: 2.5%;
    /* transition: all 0.5s ease; */
    top: 117px;
    background: #f8f8f8;
    border-right: 1px solid #e6e6e6;
    /* cursor: pointer; */
    /* z-index: 99; */
}

.lhs-act.lh .la-1 {
    display: none;
}

.lhs-act.lh .la-2 {
    display: block;
    /* bottom: 0px; */
    position: fixed;
    /* transition: all 0.5s ease; */
    /* top: 0px; */
    height: 100%;
    /* background: #101010; */
    float: left;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
    /* z-index: 999; */
    width: 40px;
}

.la-1 {
    float: right;
}

.la-1 span, .la-2 span {
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}

.la-1 span img, .la-2 span img {
    width: 20px;
    /* transition: all 0.5s ease; */
}

.la-2 {
    display: none;
    /* transition: all 0.5s ease; */
    float: right;
}

.la-2 span {
    /* transition: all 0.5s ease; */
    bottom: 0px;
    position: fixed;
}

.la-2 span img {
    transform: rotate(180deg);
}

.container .lhs.act {
    /* transition: all 0.5s ease; */
    width: 2%;
    overflow: hidden;
}

.container .rhs.act {
    /* transition: all 0.5s ease; */
    width: 95%;
    margin-left: 5%;
}

.la-2 i {
    position: absolute;
    width: 135px;
    left: 48px;
    top: 50%;
    background: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 2px;
    font-style: initial;
    z-index: 9999;
    opacity: 0;
    /* transition: all 0.5s ease; */
}

.la-2 i:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #333333;
    top: 11px;
    left: -7px;
    /* transition: all 0.5s ease; */
    transform: rotate(-90deg);
}

.la-2:hover i {
    opacity: 1;
    /* transition: all 0.5s ease; */
}

.pg-nav {
    border-top: 1px solid #e6e6e6;
    margin: 40px 0px 60px 0px;
    width: 95%;
    padding-top: 8px;
    padding-bottom: 80px;
}

.rhs .pg-nav ul {
    padding: 0px;
}

.pg-nav ul li {
    list-style-type: none;
    width: 50%;
    float: left;
}

.pg-nav ul li a {
    padding-left: 25px;
    color: #333;
}

.pg-nav ul li a:hover {
    color: #2789B1;
}
.rhs .copy + .info{}

.pg-nav ul li a.nxt {
    float: right;
    padding: 0px 30px 0px 0px;
}

.pg-nav ul li a.pre:before, .pg-nav ul li a.nxt:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../images/right-arrow.png) no-repeat;
    background-size: cover;
}

.pg-nav ul li a.pre:before {
    transform: rotate(180deg);
    margin: 4px 0px 0px -25px;
}

.hn19-notebox {
    border-left: 4px solid #ffd702;
    background-color: #fffced;
    border-radius: 5px;
    padding: 15px 15px;
    border-collapse: inherit;
    margin: 40px 0px;
}
.rhs .hn19-notebox + h2{    padding-top: 0px;}

.pg-nav ul li a.nxt:after {
    margin: 4px 0px 0px 7px;
}

.rhs p+ul {
    padding-top: 14px;
    margin-top: 0px;
}

.rhs ul {
    padding-left: 31px;
    margin-left: 0px !important;
    overflow-y: auto;
    padding-right: 20px;
}

.rhs ul li:last-child {
    padding-bottom: 0px;
}

.rhs ul li a em {
    font-style: initial;
}

.rhs ol {
    padding: 0px;
    margin-left: 30px;
}

.rhs ul+p {
    padding-top: 20px;
}

.rhs blockquote {
    padding: 0px;
    margin: 0px 0px 0px 15px;
}
.ic-15{width:15px;}

@media screen and (max-width: 1500px) {
    .lhs-act.lh {
        width: 3%;
    }
    .hn19-imgsize {
        max-width: 90% !important;
    }
}
@media screen and (max-width: 1200px) {
    .lhs-act.lh {
        width: 4%;
    }
}

@media screen and (max-width: 1100px) {
    .container .lhs, .lhs-act {
        width: 27%;
    }
    .container .rhs {
        margin-left: 27%;
        width: 72%;
    }
    .mob-act {
        top: 13px;
    }
}

@media screen and (max-width: 900px) {
    .container .lhs, .lhs-act, .rhs .s2{
        width: 30%;
    }
    .rhs .s1, .container .rhs {
        width: 70%;
    }
    .lhs-act.lh {
        width: 5%;
    }
    .container .rhs {
        margin-left: 30%;
    }
    .rhs .s2 ul {
        height: 45%;
    }
}

@media screen and (max-width: 700px) {
    .container .rhs, .rhs .s1 {
        width: 100% !important;
        margin-left: 0;
    }
    .search-field {
        width: 175px;
    }
    #form-hockey_v1 {
        float: none !important;
    }
    .container .rhs .s2, .lhs {
        display: none;
    }
}