/* $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://www.manageengine.com/css/fonts.css');

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

* {
    box-sizing: border-box;
}

.rhs {
    font-size: 14px;
    padding: 15px;
    margin: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5 {font-weight: 500}
.rhs p {line-height: 25px}
.rhs strong {font-weight: 500}

/*new css*/
.hn19-imgsize {
    max-width: 700px;
    width: auto;
    height: auto;
    border-style: solid;
    margin: 20px 0px;
    cursor: pointer;
	border: solid 1px #ccc;
}
.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: 500;
}

.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:81%;}

.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: 19%;
    /* 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{font-size:28px;line-height:40px;margin-bottom:0px;margin-top:0px;padding-bottom:20px;}
.rhs h1 + h2, .rhs h1 + h3, .rhs h1 + h4  {margin-top: 0}

.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;
    /* display: none; */
    visibility: hidden;
}
.rhs .s2 .fx h2{font-size: 20px;margin: 0}

.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;
}

.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;
}

/* OFFER BANNER 2023*/
.year-end-offer-enabled .offer-bar + #header .help_top_pane {top: 49px}
.year-end-offer-enabled .container {top: 102px}
.offer-bar {height: 50px;background: #fdd15b;position: relative;text-align: center;border-bottom: 1px solid #e6e6e8;display: none;}
.year-end-offer-enabled .offer-bar:before {content: " ";width: 165px;height: 58px;position: absolute;left: 0;top: 0;background: url(images/year-end-offer-2023.png) -6px -15px no-repeat;background-size: 187px;z-index: 1;}
.offer-bar:after {
  background-position: left -9px;
  right: 0;
  left: auto;
}
.year-end-offer-enabled .offer-bar,
.year-end-offer-enabled .offer-bar * {
  font-size: 16px;
  color: #000;
  box-sizing: border-box;
font-weight: 400
}
.year-end-offer-enabled .offer-bar .offer-bar-inner {
  position: relative;
  z-index: 2;
}
.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag {
  display: inline-block;
  position: relative;
  padding: 10px 12px 10px 20px;
}
.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small {
  font-size: 14px;
  display: block;
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: 600;
  padding: 2px 13px;
  background: #2c795d;
}
.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:before {
  content: " ";
  display: block;
  position: absolute;
  background: url("images/year-end-offer-2023.png") -6px -91px;
  background-size: 187px;
  width: 80px;
	height: 39px;
  top: -5px;
  left: -95px;
}
.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 8px solid #2c795d;
  border-left-color: #0000;
  border-right-color: #0000;
  border-top-color: #0000;
  top: -3px;
  right: -7px;
  height: 0.2px;
  display: none\9;
}
.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag:before {
  content: " ";
  display: none;
  position: absolute;
  background: url("images/yearend-offer-2022.png") -12px -95px;
  background-size: 600px 144px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-btn {
  transition: all 0.5s ease-in-out;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 30px;
  background-color: #d21313;
  text-decoration: none;
  margin-left: 10px;
  color: #fff;
	font-size: 14px;
    font-weight: 500;
}
/*
.offer-bar .offer-bar-inner .offer-btn .offer_icn_gift {
  display: inline-block;
  background: url("images/yearend-offer-2022.png") -582px -125px;
  background-size: 600px 144px;
  width: 11px;
  height: 11px;
}
*/
.offer-bar .offer-bar-inner .offer-btn:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.offer-bar .offer-bar-inner .offer-tc {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 10px;
}
@media screen and (min-width: 2559px) {
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-tc {
    font-size: 12px;
    right: 18px;
  }
}
@media screen and (max-width: 1076px) {
	.year-end-offer-enabled .mob-act {top: 64px;}

}


@media screen and (max-width: 1024px) {
  .year-end-offer-enabled .offer-bar::after {
    background-position: left -41px;
  }
  .year-end-offer-enabled .offer-bar::before {
    background-position: -235px -9px;
  }
	.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-tc {    right: 65px;}
}



@media screen and (max-width: 768px) {
  .year-end-offer-enabled .offer-bar::after {
    background-position: 59px -21px;
  }
  .year-end-offer-enabled .offer-bar::before {
    background-position: -235px -9px;
  }
/*
  .offer-bar .offer-bar-inner .offer-des-tag {
    padding: 6px 14px 6px 20px;
  }
*/
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-btn {
    position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	margin: auto;
	width: 165px;
	padding: 2px 15px;
  }
	.year-end-offer-enabled .offer-bar + #header .help_top_pane {top: 80px;}
	.year-end-offer-enabled .container {top: 70px !important;}
	.year-end-offer-enabled .offer-bar {height: 82px;}
  	.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-tc {right: 15px;bottom: -30px;}
	.year-end-offer-enabled .mob-act {top: 94px;}

}
@media screen and (max-width: 620px) {
	.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small {background: transparent;color: #000;}
	.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:after {display: none}
}


@media screen and (max-width: 468px) {
  .year-end-offer-enabled .offer-bar:before,
  .year-end-offer-enabled .offer-bar:after {
    display: none;
  }
  .year-end-offer-enabled .offer-bar .offer-bar-inner {
    padding-top: 9px;
  }
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag {
    padding: 0;
    display: block;
  }
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag:before {
    display: none;
  }
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:before {
    display: none;
  }
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:after {
    display: none;
  }
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-btn .offer_icn_gift {
    display: none;
  }
  	.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-tc {right: 15px;bottom: -30px;}
	 .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-btn {
	bottom: -30px;
  }
	.year-end-offer-enabled .offer-bar + #header .help_top_pane {
    top: 100px;
	}.year-end-offer-enabled .offer-bar {height: 102px;}
	.year-end-offer-enabled .mob-act {
    top: 114px;
}.year-end-offer-enabled .container {
    top: 90px !important;
}
	

}
@media screen and (max-width: 375px) {
	.year-end-offer-enabled .offer-bar {padding: 0 10px}
	.year-end-offer-enabled .offer-bar + #header .help_top_pane {
    top: 125px;
}.year-end-offer-enabled .offer-bar {
    height: 135px;
}.year-end-offer-enabled .mob-act {
    top: 140px;
}.year-end-offer-enabled .container {
    top: 110px !important
}
}


@media screen and (max-width: 325px) {
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:before {
    display: none;
  }
	.year-end-offer-enabled .offer-bar .offer-bar-inner .offer-tc {right: 0}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .year-end-offer-enabled .offer-bar .offer-bar-inner .offer-des-tag small:after {
    display: none;
  }
}
body.year-end-offer-enabled .offer-bar {
  display: block;
}








/*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: 'ZohoPuvi';
    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: 'ZohoPuvi';
    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 {
    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{font-size:20px;line-height: 30px !important;}

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

/*Heading 5. Apply it by 'format > Heading 5' in the editor */
H5 {
    line-height: 20px;
    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:5px 0 !important;}

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

.rhs .s2 ul li a{border-left:solid 3px #fff;color:#000;display:block;padding:0px}
.rhs .s2 ul li a.ract{color:#2789B1;padding:0 ;text-decoration:none;}

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-color:#CCC;border-spacing:0;border-style:solid;border-width:0 0 1px;width:100%}

.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
    }
}
/*FOOTER LINKS*/
.getques{
    padding-bottom: 100px;    
	float: left;
    width: 100%;
}
.getquesImg{
    position: relative;
    height: 127px;
    width: 136px;
    background: url("images/help-center-sprite.png") no-repeat;
    background-size: 210px;
    background-position: 5px -17px;
    margin: 0 auto;
}
.getques h3{
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 20px;
	color: #202124;
	margin: 20px 0;
	line-height: 24px !important;
}
.getques ul{
    margin: 0 auto;
    padding: 0 !important;
    display: table;
    width: 100%;
}
.getques ul li{
    list-style-type: none;
    float: left;
    width: 33.3%;
	padding: 0
}
.getques ul li:not(:first-child) {padding-left: 19px}
.getques ul li div{
    box-shadow: 0px 1px 8px 4px #33333312;
    border-radius: 6px;
    padding: 15px 15px 17px 17px;
    border: 2px solid #fff;
    transition: all 0.5s ease;
    cursor: pointer;position: relative;
}
.getques ul li div a.fcik{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;right: 0px;bottom: 0px;}
.getques ul li div:hover{border: 2px solid #055367;}
.getques ul li div h4{
    color: #055367;
    margin-top: 6px;
    font-size: 14px;    
	font-weight: 500;
	margin-bottom: 3px
}
.getques ul li div p{
    margin: 0px;
    font-weight: 300;
	font-size: 14px
}
.getques ul li div span{
	height: 35px;
	width: 35px;
	background: url("images/help-center-sprite.png") no-repeat;
	background-size: 210px;
	background-position: -144px -23px;
	display: block
}
.getques ul li:nth-child(2) span{
    background-position: -144px -64px;
}
.getques ul li:nth-child(3) span{
    background-position: -101px -78px;
	background-size: 149px;
	height: 36px;
    width: 36px;
}
/*FOOTER LINKS*/

@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: #fff;
    font: 12px;
    color: #333;
    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:500 !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: 'ZohoPuvi';
	font-weight: 300;
	line-height: 25px
}

.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/search.png) no-repeat 9px 5px;background-size:11px;border:none;cursor:pointer;height:20px;outline:none;padding:0;position:absolute;right:1px;top:4px;width:30px;}

#form-hockey_v1 {
    position: relative;
}

.rhs h2 {
    line-height: 28px;
    margin: 20px 0;
    font-size: 22px;
}

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

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

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


.rhs p+table, .rhs .wrapTable+h2 {
    margin-top: 15px;
    margin-bottom: 25px;
}
.rhs .upgradeTblWrapper {margin-top: 10px}
.rhs table, .rhs .wrapTable+h2{border:0px;border-collapse:collapse;margin-bottom:30px}
.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;
}

.rhs table tr th{font-family:'ZohoPuvi';padding:10px;text-align:left;font-weight: 500;}

.rhs table tr td {
    padding: 10px;
    text-align: left;
}

.rhs table thead 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-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;
}
.pg-nav{/*border-top: 1px solid #e6e6e6;margin:40px 0px 60px 0px;padding-bottom:80px;padding-top:8px;*/width:95%;}

.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{background: url(./images/right-arrow.png) no-repeat;background-size:cover;content:'';height:14px;position:absolute;width:14px;}

.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.circle {list-style: circle;}

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

.rhs ul li a em {
    font-style: initial;
}
.rhs ul + p {margin-top: 10px}

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

.rhs blockquote {
    padding: 0px;
    margin: 0px 0px 0px 15px;
}
.ic-15{width:15px;}
/* Author: JST */
.rhs h3{font-size:20px;margin:20px 0 10px}
.rhs h4{font-size:18px;line-height:24px}
.rhs h5{font-size:16px;margin-bottom:10px}
.m0{margin:0 !important}
.mB30{margin-bottom:30px}
.mB0{margin-bottom:0 !important}
.mT20{margin-top:20px !important}
.per50{width:50% !important}
.img-resize img{border:solid 1px #ccc}
.tac{text-align:center !important}
.mT0{margin-top:0 !important}
.pB0{padding-bottom:0 !important}


.cr {
    background: #fff;
    width: 65%;
    float: left;
    position: fixed;
    bottom: 0px;
    left: 22%;
}
.cr p {
    margin: 0px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
    color: #000;
}
@media screen and (max-width: 1500px) {
    .lhs-act.lh {
        width: 3%;
    }
    .hn19-imgsize {
        max-width: 90% !important;
    }
}
@media screen and (max-width: 1440px) {
	.getques ul li {width: 31%;}
}
@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: 1024px) {
	.rhs .s1, .getques {width: 100%}
	.rhs .s2 {display: none}
	.getques ul li {width: 48%;}
	.getques ul li:nth-child(3) {float: none;display: block;clear: both;margin: auto !important;padding-top: 20px;}


}

@media screen and (max-width : 990px) {
	.getques ul li {width: 48%}
	.getques ul li:nth-child(3) {float: none;display: block;clear: both;margin: auto;padding-top: 20px}
}

@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: 768px) {
    .container .rhs, .rhs .s1 {
        width: 100% !important;
        margin-left: 0;    padding: 15px 15px 0;
    }
    .search-field {
        width: 175px;
    }
    #form-hockey_v1 {
        float: none !important;
    }
	.container .rhs .s2, .lhs {
        display: none;
    }
	.bred, .sear {display: none}
	.container {top: 10px}
	.cr {left: 0;width: 100%}
}
@media screen and (max-width : 660px) {
	.getques ul li {width: 60%;float: none;display: block;clear: both;margin: auto;padding-top: 20px;}
	.getques ul li:not(:first-child) {padding-left: 0}
	.cr {bottom: 40px}
	.cr p {line-height: 18px}
}
@media screen and (max-width:550px) {
		.getques ul li {width: 100%;}

}