/* index.html */

html, body { 
	background: none;
	color: #333;
}
#hmheadbox {
	top: 65px;
	height: 85px;
	background: #4a5c5e;
	border-bottom: 2px solid #0099e6;
	background: -moz-linear-gradient(-45deg,  #4a5c5e 0%, #5f5f56 23%, #5b686e 40%, #4a5a73 63%, #23325e 100%);	
	background: -webkit-linear-gradient(-45deg,  #4a5c5e 0%,#5f5f56 23%,#5b686e 40%,#4a5a73 63%,#23325e 100%);	
	background: linear-gradient(135deg,  #4a5c5e 0%,#5f5f56 23%,#5b686e 40%,#4a5a73 63%,#23325e 100%);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a5c5e', endColorstr='#23325e',GradientType=1 );
}
#hmheadbox span.title {
	font-size: 36px;
	font-weight: 300;
}
#hmcontentslider {
	top: 65px;
	bottom: 34px;
	border: none;
}
#hmnavbox {
	padding-top: 25px;
	min-width: 230px;
	max-width: 500px;
	width: 290px;
}
#navbar {
	padding: 0 25px;
}

#navbar a {
    height: 40px;
    width: 40px;
    border: 1px solid #00aaff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 10px 8px 0 8px;
    opacity: 0.65;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

#navbar a:hover {
    opacity: 1;
}

#navbar a.hmbtntoc,
#navbar a.hmbtntoc.current {
    background: url(toc.png) no-repeat center center!important;
}
#navbar a.hmbtnindex,
#navbar a.hmbtnindex.current {
    background: url(index.png) no-repeat center center!important;
}
#navbar a.hmbtnsearch,
#navbar a.hmbtnsearch.current {
    background: url(search.png) no-repeat center center!important;
}
#hmnavframe {
    padding: 0 0 0 25px;
    top: 85px;
}
#hmcontentbox {
    background: none;
    border-left: 1px solid rgba(0, 153, 230, 0.38);
    left: 298px;
}
iframe { 
    background: none; 
}
iframe#hmnavigation { 
    background: #f5f7f8
}
#hmcontentbox iframe { 
    position: absolute;
}
#hmheadbox a.mobilemenu {
	background: url(mobilemenu.png) no-repeat 0 0;
    bottom: 13px;
    height: 17px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 20px;
    z-index: 999;
    opacity: 0.65;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
#hmheadbox a.mobilemenu:hover {
    opacity: 1;
}
.smallscreen #hmcontent {
    padding-top: 0;
}
@media only screen and (max-width: 767px) {
	#hmcontentbox iframe { 
		padding-top: 0;
	}
	#hmheadbox {
		top: 50px;
	}
	#hmcontentslider {
		top: 50px;
		bottom: 47px;
	}
	#hmheadbox span.title {
		font-size: 30px;
		font-weight: 400;
		margin-top: 22px;
	}
	#hmnavbox {
		max-width: 100%;
	}
	#navbar {
		padding: 0 40px;
	}
}

 

/* introduction.html */

#idheaderbg {
	padding-left: 20px;
	padding-bottom: 13px;
	padding-top: 25px;
	min-height: 47px;
}
#idheader table { 
	background: none;
	min-height: auto;
} 

#idnav {
    padding-right: 35px;
    width: 230px;
}
#idnav > span {
    height: 33px;
    margin-left: 7px;
    width: 33px;
    border: 1px solid #fff;
    border-radius: 500px;
    opacity: 0.4;
}
#idnav > a > span {
    height: 33px;
    margin-left: 7px;
    width: 33px;
	border: 1px solid #00aaff;
	border-radius: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	opacity: 0.65;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}
#idnav > a > span:hover {
    opacity: 1;
}
#idnav > span.hmbtnnext,
#idnav > a > span.hmbtnnext,
#idnav > a > span.hmbtnnext:hover {
    background: url(next.png) no-repeat 0 0;
}
#idnav > span.hmbtntop,
#idnav > a > span.hmbtntop,
#idnav > a > span.hmbtntop:hover {
    background: url(top.png) no-repeat 0 0;
}
#idnav > span.hmbtnprev,
#idnav > a > span.hmbtnprev,
#idnav > a > span.hmbtnprev:hover {
    background: url(prev.png) no-repeat 0 0;
}
#idnav > span.hmbtnprint,
#idnav > a > span.hmbtnprint,
#idnav > a > span.hmbtnprint:hover {
    background: url(print.png) no-repeat 0 0;
}
#idnav > span.hmbtntoggle,
#idnav > a > span.hmbtntoggle,
#idnav > a > span.hmbtntoggle:hover {
    background: url(expand-collapse.button.png) no-repeat 7px 6px;
}

@media screen and (max-width: 767px) {
	#idnav {
		padding-right: 20px;
	}
	
	#idheaderbg {
	padding-left: 40px;
	padding-top: 25px;
	padding-bottom: 11px;
	border-bottom: 2px solid #0099e6;
	background: #4a5c5e;	
	background: -moz-linear-gradient(-45deg,  #4a5c5e 0%, #5f5f56 23%, #5b686e 40%, #4a5a73 63%, #23325e 100%);	
	background: -webkit-linear-gradient(-45deg,  #4a5c5e 0%,#5f5f56 23%,#5b686e 40%,#4a5a73 63%,#23325e 100%);	
	background: linear-gradient(135deg,  #4a5c5e 0%,#5f5f56 23%,#5b686e 40%,#4a5a73 63%,#23325e 100%);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a5c5e', endColorstr='#23325e',GradientType=1 );
	}
}

@media screen and (min-width: 768px) {
	#idheaderbg { 
		background: none;
	}
}

/* hmcontent.html  */

#toc {
    font-size: 14px;
	margin: 25px 0;
}
#toc li {
    background-position: 0 3px !important;
	margin-top: 4px;
}
#toc li ul {
    padding-left: 3px;
}

.heading1 {
    color: #333;
}
.heading1:hover {
    color: #08c;
}
.heading1 span {
	padding: 0 3px;
	display: inline-block;
}
.hilight1,
.hilight1:hover,
.hilight2,
.hilight2:hover {
    background: #08c;
    color: #ffffff;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* hmkwindex.html */

.idxsection {
    color: #08c;
}
.idxkeyword {
	color: #333;
    font-size: 15px;
}

#idx {
	margin: 15px 0 !important;
}

#idx a:hover .idxkeyword {
    color: #08c;
}
table.idxtable {
    border: 1px solid #999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.idxlink {
    color: #111;
    font-size: 15px;
}
.idxtable a:hover .idxlink {
    color: #08c;
}
#idx p.hilite {
    background-color: #08c;
}
#idx p.hilite span,
#idx p.hilite a:hover span {
    color: white;
}

/* search */

.zoom_searchform {
    border-bottom: 1px dashed #666;
}

.searchheading {
    margin-top: 10px;
}
.result_altblock,
.result_block {
	margin-bottom: 0;
}
.result_block {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 15px;
}
.result_altblock {
    border-bottom: 1px solid #cdcdcd;
    clear: left;
    margin-top: 15px;
    padding-bottom: 15px;
}
.result_title {
    font-size: 14px;
}
.description {
    color: #444;
    font-size: 12px;
	margin-top: 2px;
}
.highlight {
    background: #fe9;
}
.infoline {
    color: #666;
    font-size: 12px;
    font-style: italic;
    margin-top: 2px;
}

.result_pages {
    font-size: 14px;
    text-align: center;
}

.submit {
    font-size: 13px;
	margin-bottom: 7px;
	margin-top: 25px;
}

.zoom_results_per_page {
    display: block;
    font-size: 13px;
    margin-top: 10px;
}

.zoom_match {
    font-size: 13px;
}
.zoom_and_label {
	display: inline-block;
	font-size: 11px;
}
.zoom_and_label input {
    line-height: 11px;
    margin: 0 3px 3px 10px;
    vertical-align: middle;
}
input.zoom_searchbox{
	display:inline-block;
	vertical-align: middle;
	height:34px;
	padding:0 12px;
	font-size:14px;
	line-height:34px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #cdcdcd;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
input.zoom_searchbox:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
input.zoom_searchbox::-moz-placeholder{
	color:#999;
	opacity:1
}
input.zoom_searchbox:-ms-input-placeholder{
	color:#999
}
input.zoom_searchbox::-webkit-input-placeholder{
	color:#999
}


input.zoom_button{
	display:inline-block;
	padding:6px 8px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px
}
input.zoom_button.active.focus,input.zoom_button.active:focus,input.zoom_button.focus,input.zoom_button:active.focus,input.zoom_button:active:focus,input.zoom_button:focus{
		outline:thin dotted;
		outline:5px auto -webkit-focus-ring-color;
		outline-offset:-2px
}
input.zoom_button.focus,input.zoom_button:focus,input.zoom_button:hover{
	text-decoration:none
}
input.zoom_button.active,input.zoom_button:active{
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
input.zoom_button.disabled,input.zoom_button[disabled],fieldset[disabled] input.zoom_button{
	pointer-events:none;
	cursor:not-allowed;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:.65
}



input.zoom_button {
	background-color: #1095d9;
	border-color: #1095d9;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #0f88c6;
	background-image: -moz-linear-gradient(top,#1095d9,#0c74aa);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#1095d9),to(#0c74aa));
	background-image: -webkit-linear-gradient(top,#1095d9,#0c74aa);
	background-image: -o-linear-gradient(top,#1095d9,#0c74aa);
	background-image: linear-gradient(to bottom,#1095d9,#0c74aa);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1095d9', endColorstr='#ff0c74a9', GradientType=0);
	border-color: #0c74aa #0c74aa #074362;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	-o-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
}
input.zoom_button:hover,
input.zoom_button:focus {
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
input.zoom_button:hover,
input.zoom_button:focus {
	background-color: #0c74aa;
}
input.zoom_button:active,
input.zoom_button.active,
input.zoom_button.active:hover {
	background-color: #0e85c1;
	border-color: #0c74aa;
}
input.zoom_button.disabled:hover,
input.zoom_button.disabled:focus,
input.zoom_button.disabled:active,
input.zoom_button.disabled.active,
input.zoom_button[disabled] input.zoom_button:hover,
input.zoom_button[disabled] input.zoom_button:focus,
input.zoom_button[disabled] input.zoom_button:active,
input.zoom_button[disabled] input.zoom_button.active {
	background-color: #1095d9;
	border-color: #1095d9;
}


/* default.css */
hr { 
    background-color: #999!important;
    border-width: 0!important;
    color: #999!important;
    height: 1px!important;
}
body, table, tr, th {
	color: #333;
}
body, table, tr, th,
span.f_apple-tab-span,
span.f_Callouts,
span.f_Emphasis,
span.f_help-variable-title,
span.f_hps,
span.f_image,
span.f_mediatut,
span.f_mw-headline,
span.f_mw-redirect,
span.f_notranslate,
span.f_SeeAlso,
span.f_st,
span.f_Strong,
span.f_subheading1,
span.f_T_Menu,
span.f_T_Menu10p,
span.f_tgc,
span.f_TipBody,
span.f_TipHeading {
	font-family: "Open Sans",arial,sans-serif;
}
 
 /*  custom.css */
 
a,
a.weblink,
a.popuplink,
a.filelink,
a.inline-toggle {
	color: #08c;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
}

a:visited,
a.weblink:visited,
a.popuplink:visited,
a.filelink:visited,
a.inline-toggle:visited {
	color: #08c 
}

a:hover,
a.weblink:hover,
a.popuplink:hover,
a.filelink:hover,
a.inline-toggle:hover {
	text-decoration: underline;
	color: #3a638d;
}
 
.crumbs {
	margin-bottom: 4px;
	font-size: 14px;
}
.crumbs a {
    text-decoration: none;
}
.crumbs a:hover {
    color: #00AAFF;
}
 
.crumbs .crumbs-before {
    opacity: 0.7;
	padding: 0 5px;
}
 
@media screen{
  #idcontent {    
      width: 100%; 
      padding: 0px !important; 
      padding: 10px 15px 5px 10px; 
      position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  overflow-y: auto;
	  background: #fff;
	  
   } 
  #innerdiv {    
      padding: 10px 25px 5px 25px !important;  
      padding: 0px; 
   } 
   
	.topichead {
		padding: 0 5px;
	}
}
 
/* general */
 
@media (min-width: 1200px) {
	.container,
	header.header .container {
		padding: 0 45px;
		width: 100%;
	}
}

@media only screen and (max-width: 1199px) {
	.container,
	header.header .container {
		padding: 0 20px;
		width: 100%;
	}
}

header.header.navbar {
	font-family: "Open Sans",arial,sans-serif;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
header.header .navbar-collapse {
    background: #282828;
    max-height: inherit;
    border-top: 0 -1px 0 #353535, 0 -4px 65px rgba(0, 0, 0, 0.6);
    box-shadow: 0 -1px 0 #353535, 0 -4px 65px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 -1px 0 #353535, 0 -4px 65px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 -1px 0 #353535, 0 -4px 65px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 -1px 0 #353535, 0 -4px 65px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 -1px 0 #353535, 0 -4px 65px rgba(0, 0, 0, 0.6);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	color: #777;
	font-weight: 400;
	line-height: 1;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-bottom: 10px;
	margin-top: 20px;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 65%;
}
.h4, .h5, .h6, h4, h5, h6 {
	margin-bottom: 10px;
	margin-top: 10px;
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 75%;
}
.h1, h1 {
	font-size: 36px;
}
.h2, h2 {
	font-size: 30px;
}
.h3, h3 {
	font-size: 24px;
}
.h4, h4 {
	font-size: 18px;
}
.h5, h5 {
	font-size: 14px;
}
.h6, h6 {
	font-size: 12px;
}


.footer {
    color: #fff;
    font-size: 13px;
    position: relative;
    z-index: 20;
	position: absolute;
	width: 100%;
	bottom: 0;
	left:0;
	right: 0;
}
.footer .bottom-bar {
    background: #282a2b;
    color: #b3b3b3;
    font-size: 14px;
    padding: 7px 0;
}
.footer .bottom-bar .copyright {
    line-height: 1.6;
}
.footer-menu {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu li {
    float: left;
    margin-left: 12px;
}
.footer-menu li:first-child {
    margin-left: 0;
}
.footer-menu li a {
    color: #b3b3b3;
    font-size: 85%;
    text-decoration: none;
}
.footer-menu li a:hover {
    color: #08c;
}

@media only screen and (max-width: 767px) {
	
	.footer .bottom-bar {
		text-align: center;
		overflow: hidden;
		padding: 4px 0;
	}
	.copyright, .footer-menu {
		clear: both;
		display: block;
		float: left;
		width: 100%;
	}
	.copyright {
		margin-top: 2px;
		opacity: 0.8;
	}
	.footer-menu li {
		display: inline-block;
		float: none;
	}

}