@charset "UTF-8";
/* CSS Document */

* {box-sizing: border-box}
body {
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#333333;
	font-weight: 300;
	background-color: #eeeeee;
	padding:0;margin:0
}
strong, bold {font-weight: 600} 
a{color: #000000; text-decoration: none;  border-bottom:1px solid #000000;}

/* Tip */
#Tip {
	z-index: 200;
	position:fixed;
	top: 40px;
    left: 16px;text-align: center;width:180px;

}
#Tip p{color:#ffffff; margin:20px;padding:15px 5px 12px 2px; }
#Tip a{color:#ffffff; padding:0;margin:7px 10px 0 0; font-size: 15px;cursor:pointer;}
.arrow_box {
	position: relative;
	background: #0096da;
	border-radius: 5px;
}
.arrow_box:after {
	bottom: 100%;
	left: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events:visible;
	border-bottom-color: #0096da;
	border-left-color: #0096da;
	border-width: 12px;
	margin-left: -12px;
}
#Tip {
    opacity:1;
    transition:opacity 800ms;
}
#Tip.hide {
    opacity:0;
}

/*mySidenav */
#mySidenav {
	width:300px;		
	background-color: #fafafa;	
	height: 100%;
    overflow-x: hidden;
	overflow-y: scroll;
	font-size: 15px;
	font-weight: 300;
	z-index: 999;
	position:relative;
	-webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;

}
#NAV {
	width:300px;		
	background-color: #fafafa;	
	height: 100%;
    overflow-x: hidden;
	overflow-y: scroll;
	font-size: 15px;
	font-weight: 300;
	z-index: 999;
	left:-301px;
	top:0;
	position:fixed;
	border-right:1px solid #dddddd;
	-webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;

}


#mySidenav li, ul#mySidenav {
    list-style: none; padding:0;margin:0;

}

#mySidenav a {  
	font-size: 14px;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    transition: .3s all ease-out;
	padding: 6px 8px 3px 18px;
    display: block;
    color: #757575;
    text-align: left;
	text-decoration: none;
	 /* These are technically the same, but use both */
  overflow-wrap: normal;
  word-wrap: normal;

  -ms-word-break: keep-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: keep-all;
}



#mySidenav li.active a, #mySidenav li:hover a {
    background-color: #E9E9E9;color: #333333; 
}

#NAV p{
	padding: 0 15px 9px 15px; 
	line-height: 18px;
	font-size: 16px;
}
#NAV img.CoverImg  {z-index:-1; width:270px;margin-left:10px;margin-top:10px;position:absolute;}
#NAV img.Logo  {width:250px;padding-left:15px;margin-top:190px;padding-bottom:6px;margin-bottom:0}

.closebtn{
	text-align: right;
    top: 0;
    font-size: 26px;
	padding:1px 9px;
	margin:6px 6px 6px 6px;
	border:0;
	float: right;cursor:pointer;
}

.tablinks{border-bottom:1px solid #dddddd;}

.container {height:100% !important;}


/* Optional: Style the caret down icon */


/* Style whole user guide content */
#main {
    padding: 16px 50px;
	margin-top:42px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	max-width: 760px !important;
	background-color: #ffffff;
}
/* Style each Chapter content */
#main .tabcontent {
	background-color: #ffffff;
	padding-top:20px;
}
/* Style the fixed top header */
.Header {
	overflow: hidden;
	background-color: #333333;
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	padding:4px 10px 0 10px;
	z-index:100;
}
.Header .OpenTab {
float:left; width:10%;
}
.Header .OpenTab img {cursor:pointer;}
.Header .Title {float:left;width:80%;height:auto; margin-top:8px;display: block; margin-left: auto; margin-right: auto; color:#fff; font-size:18px; font-weight: 300;text-align: center}





.Footer {
	clear: both;
	overflow: hidden;
	text-align:center;
	padding:50px 10px 5px 10px;
	font-size: 11px;
	color:#999999;
	position:relative;
	
}
.anchor{
  display: block;
  height: 70px; /*same height as header*/
  margin-top: -70px; /*same height as header*/
  visibility: hidden;
}

.ImgResponsive100 {
    width: 100% !important;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive90 {
    width: 90%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive80 {
    width: 80%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive70 {
    width: 70%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive60 {
    width: 60%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive50 {
    width: 50%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive40 {
    width: 40%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}
.ImgResponsive35 {
    width: 35%;
    height: auto;margin-left: auto; margin-right: auto;display: block;
}

	.btn {padding:0; margin:0; border:none;background-color: #ffffff;width: 50px}
.btn:focus {outline:0;}
	.btn img {padding:0; margin:0; border:0; width:100%}


.Top {
	vertical-align: top;margin-top: auto; margin-bottom:auto;padding-top:4px;padding-bottom:4px}
.Bottom{
	vertical-align: bottom !important;}

/*----PackageContents---*/
.PackageContents {width:100%;margin-bottom:10px; }
.EachItem {width:33%;float:left;text-align: center;padding:0 4px;}
.EachItem table {width:100%;margin-left:auto; margin-right:auto;}
.EachItem td{text-align: center;height:51px;vertical-align:top;font-size:15px;line-height: 17px !important;}
.EachItem th{height:160px; padding:0}
.EachItem th img {margin: auto; display: block;max-width: 100%;max-height:100%;}

.PackageContents th {width:4%;text-align: center;padding:0 4px;font-size:15px; font-weight: 300!important;}
.PackageContents td img {margin: auto; display: block;max-width: 100%;}
.PackageContents td {width:48%}
.PackageContents td, .PackageContents p {text-align: center;vertical-align:top;font-size:15px;line-height: 18px;}

.EndPackageContents{clear:both;}

/*----Online Resources---*/
.OnlineResources td {width:33%; text-align: center;} 
.OnlineResources img {width:100%; max-width:160px;margin-left:auto;margin-right:auto;} 
.OnlineResources a {border-bottom-width: 0;}



/*----Different Media Screen Size---*/
@media screen and (max-width: 760px) {
	.Footer {padding:0 !important;}
	.ImgResponsive100 {width: 100% !important;height: auto;}
	.ImgResponsive90 {width: 100% !important;height: auto;}
	.ImgResponsive80 {width: 90% !important;height: auto;}
	.ImgResponsive70 {width: 80% !important;height: auto;}
	.ImgResponsive60 {width: 70% !important;height: auto;}
	.ImgResponsive50 {width: 60% !important;height: auto;}
	.ImgResponsive40 {width: 50% !important;height: auto;}
	.ImgResponsive35 {width: 45% !important;height: auto;}
	body{background-color: #ffffff}
	#main {padding: 0;margin:45px 0 5px 0;width: 100%;background-color: #ffffff;}
	#main .tabcontent {padding: 20px 25px}
	.btn {width:40px}
	.Inline {display:inline}
	.EachTableCountryList td {width:14%}
	

}
@media only screen and (max-width: 480px) {
	.ImgResponsive100 {width: 100% !important;height: auto;}
	.ImgResponsive90 {width: 100% !important;height: auto;}
	.ImgResponsive80 {width: 100% !important;height: auto;}
	.ImgResponsive70 {width: 100% !important;height: auto;}
	.ImgResponsive60 {width: 90% !important;height: auto;}
	.ImgResponsive50 {width: 80% !important;height: auto;}
	.ImgResponsive40 {width: 70% !important;height: auto;}
	.ImgResponsive35 {width: 65% !important;height: auto;}
	#main .tabcontent {padding: 20px}
	.btn {width:35px}
	.EachItem {width:50%;}
	#NAV img.CoverImg, #NAV img.Logo, #NAV p span  {display:none;}
	#NAV p {margin-top:15px}
	h6 {display:none}
	.TableHalfHalf img {width:100% !important}
	tr.TextSmaller td, tr.TextSmaller td p, tr.TextSmaller td span, tr.TextSmaller td p span {font-size: 14px !important;}
	table.TableSpecifications p, table.TableBorder p, table.TableSpecifications, table.TableBorder, table.TableSpecifications li, table.TableBorder li, table.TableSpecifications td li, table.TableSpecifications td ul {font-size: 13px; line-height: 17px;padding:0;}
	table.TableSpecifications td, table.TableSpecifications th, table.TableBorder td {padding: 5px;}
	table.TableBorder th img {width:17px}
	.TableSpec p{font-size: 15px !important; line-height: 18px;}
	.TableSpec ul, .TableSpec li,.TableSpec span {font-size: 14px !important; line-height: 17px;}
	.TableSpecification td{font-size: 15px !important; line-height: 18px;}
	.TableSpecification td span,.TableSpecification td ul,.TableSpecification td li{font-size: 14px !important; line-height: 17px;}
	span.Title span{display: none}
	.EachItem td {font-size: 13px !important; line-height: 15px !important;height:45px;}
	.TableUnique, .TableUnique p, .TableUnique span {font-size: 13px; line-height: 17px;}
	.InlineSmaller {display:inline}
	.TextRight {font-size:13px !important;}
	.TableWarning tr th img {width: 44px !important;}
	.TableWarning p {font-size: 14px; line-height: 16px;}
	.Footnote {font-size: 13px !important;}
	.Optional {border-width:1px !important; }
	.PackageContents th, .PackageContents td, .PackageContents p {font-size: 13px !important; line-height: 15px;}
	.InlineSmaller {display:inline}
	.ListText th, .LastListText th {padding-left:12px !important;}
	.HeadingText th, .HeadingText td, .ListText th, .ListText td, .LastListText th, .LastListText td {font-size:13px !important;line-height: 17px !important;}
	.TableNoBorder p, .TableNoBorder span {font-size: 14px; line-height: 16px;}
	a{color:#0065A4; font-weight:500; border-bottom-color: #0065A4; word-wrap: break-word;overflow-wrap: break-word;-ms-word-break: break-word;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
	

h1 {font-size: 22px !important; }
h2 {font-size: 20px !important; }
h3 {font-size: 18px !important; }
h4 {font-size: 16px !important; }

p {font-size:14px !important; line-height: 18px !important;}
li {font-size:14px !important; line-height: 18px !important;}
.Caption {font-size: 13px !important; }
.Footnote {font-size: 13px !important; }
.Font_FivePT, table.Font_FivePT tr td p, .Font_FivePT p, .Font_FivePT ul, .Font_FivePT li, .Font_FivePT ol {font-size: 13px; line-height: 16px}
.Font_FourPT, table.Font_FourPT tr td p, .Font_FourPT p, .Font_FourPT ul, .Font_FourPT li, .Font_FourPT ol{font-size: 11px; line-height: 13px}
}