/***************** HTML framework *****************/
html, body {
	height: 100%; 
	white-space: normal;
/*	overflow-x: hidden; */
}

body, .bodytext {
	line-height: 1;
	word-spacing: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
}

img {
	max-width:100%;
	height:auto;
}
/**********************************/

/***************** HTML5 display-role reset for older browsers *****************/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/**********************************/

/***************** Related topics *****************/
ol {list-style-image: none;}.relatedheading {
	font-weight: bold;
/*	color: #FFFFFF; */
/*	background-color: #0099FF; */
	margin-top: 6px;
	margin-bottom: 1px;
	margin-left: 0pt;
	margin-right: 0pt;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
}
	   
.relateditem {
	font-weight: normal;
/*	color: #000000; */
/*	background-color: #CFCFCF; */
	margin: 0;
	padding: 4px;
}
/**********************************/

/***************** Paragraph formatting *****************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading1, .heading2, .heading3, .heading4, .heading5, .heading6 {
	font-weight: bold;
}

h1, .h1, .heading1 {
/*	color: #aaa; */
	font-size: 2em;
	margin-bottom: 0px;
	margin-top: 60px;
}

h1+p, .h1+p, .heading1+p {
	margin-top: 20px;
}

h2, .h2, .heading2 {
	font-size: 1.25em; 
	margin: 40px 0 12px 0;
}

h2, .h2, .heading2, .name {
/*	color: #00aeef; */
}

h3, .h3, .heading3 {
	margin-top: 18px; 
	margin-bottom: 8px;
}

h4, .h4, .heading4 {
}

h5, .h5, .heading5 {
	margin-top: 6pt;
	margin-bottom: 3pt;
	padding: 0;
}

h6, .h6, .heading6 {
	margin-top: 6pt;
	margin-bottom: 3pt;
	padding: 0;
}

.bodytext {
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: 0pt;
	margin-right: 0pt;
	padding: 0;
}

.bodytextcentered {
	font-weight: normal;
	margin-top: 6pt;
	margin-bottom: 6pt;
	padding: 0;
	float: none;
	clear: none;
	text-align: center;
	text-indent: 0cm;
}

.bodytextright {
	font-weight: normal;
	margin-top: 6pt;
	margin-bottom: 6pt;
	padding: 0;
	float: none;
	text-align: right;
	text-indent: 0cm;
}

.caption {
	font-weight: normal;
	margin-top: 6pt;
	margin-bottom: 6pt;
	padding: 0;
	text-align: left;
}

.code {
	font-family: "Courier New", sans-serif;
	font-weight: normal;
	font-size: 1em;
	margin: 6pt;
	padding: 0;	
}

.note, .tip, .warning {
	padding: 15px 10px 6px 70px;
	min-height: 50px;
	border: #ddd solid 1px;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	margin-bottom: 18px;
	position: relative;	
	font-weight: normal;
}

.note:before {
	content: url(note.png); 
	position: absolute; 
	left: 3px; 
	top: 3px;
}

.tip:before {
	content: url(tip.png); 
	position: absolute; 
	left: 3px; 
	top: 3px;
}

.warning:before {
	content: url(warning.png); 
	position: absolute; 
	left: 3px; 
	top: 3px;
}

.buttons {
	display: inline;
	font-weight: bold;
/*	color: #000000; */
/*	background-color: inherit; */
	vertical-align: baseline;
	padding: 0;
}

ul.listbullet {
	list-style-type: Disc;
	list-style-position: outside;
	font-weight: normal;
	margin-top: 3pt;
	margin-bottom: 0pt;
	margin-left: 0;
	padding-left: 0.8em;
	text-indent: 0;
}

li.listbullet {
	margin-top: 3pt;
	margin-bottom: 0pt;
	padding-left: 0.8em;
	font-weight: normal;
	text-indent: 0;
}

ul.listbullet2 {
	list-style-type: Disc;
	list-style-position: outside;
	margin-top: 3pt;
	margin-bottom: 0;
	margin-left: 0.8em;
	padding-left: 0;
	font-weight: normal;
	text-indent: 0;
}

li.listbullet2 {
	margin-top: 3pt;
	margin-bottom: 0pt;
	float: none;
	clear: none;
	text-align: left;
	padding-left: 0.8em;
	margin-left: 0;
	text-indent: 0;
	font-weight: normal;
}

.listcontinue {
	display: block;
	font-weight: normal;
	margin-top: 6pt;
	margin-bottom: 6pt;
	padding: 0;
	margin-left: 0;
}

.listcontinue2 {
	display: block;
	font-weight: normal;
	margin-top: 6pt;
	margin-bottom: 6pt;
	padding: 0;
}

ol.listnumber {
	list-style-type: Decimal;
	list-style-position: outside;
	margin-top: 6pt;
	margin-bottom: 0pt;
	margin-left: 0.5em;
	padding-left: 0.8em;
	font-weight: normal;
	text-indent: 0;
}

li.listnumber {
	margin-left: 0pt;
	margin-right: 0pt;
	padding-left: 0.3em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

ol.listnumber2 {
	list-style-type: Decimal;
	list-style-position: outside;
	margin-top: 6pt;
	margin-bottom: 0;
	margin-left: -1.5em;
	padding-left: 0;
}

li.listnumber2 {
        font-weight: normal;
        margin-top: 6pt;
        padding-left: 0.3em;
        text-indent: 0cm;
}

ol.listalpha {
	list-style-type: upper-alpha;
	list-style-position: outside;
	list-style-position: outside;
	margin-top: 6pt;
	margin-bottom: 0pt;
	margin-left: 0.5em;
	padding-left: 0.8em;
	font-weight: normal;
	text-indent: 0;
}

li.listalpha {
	margin-left: 0pt;
	margin-right: 0pt;
	padding-left: 0.3em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

ol.listalpha2 {
	list-style-type: lower-alpha;
	list-style-position: outside;
	margin-top: 6pt;
	margin-bottom: 0;
	margin-left: -1.5em;
	padding-left: 0;
}

li.listalpha2 {
        font-weight: normal;
        margin-top: 6pt;
        padding-left: 0.3em;
        text-indent: 0cm;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

b, strong {
	display: inline;
	font-weight: bold;
}

i, emphasis, .emphasis {
	display: inline;
	font-style: italic;
}

.uicontrol {
/*	color: #00aeef; */
	display: inline;
	font-weight: bold;
	padding: 0;
}
/**********************************/

/***************** Tables *****************/
.tableheading {
	font-weight: normal;
	margin-top: 0pt;
	margin-bottom: 1pt;
	padding: 1pt;
}

.tabletext {
	font-weight: normal;
	margin: 0;
	padding-top: 6pt;
	padding-bottom: 6pt;
	padding-left: 6pt;
	padding-right: 0pt;
}

ul.tablelistbullet {
	font-weight: normal;
	list-style-type: Disc;
	list-style-image: none;
	list-style-position: outside;
	margin-top: 4pt;
	margin-bottom: 0pt;
}

li.tablelistbullet {
	font-weight: normal;
	margin-top: 4pt;
	padding: 0;
}
/**********************************/

/***************** TOC and Index *****************/
.toc {
	font-weight: normal;
	font-size: 1.25em;
/*	color: #00aeef; */
	margin: 0;
	padding: 0;
	text-indent: 6pt;
}

table.tabletoc {
	margin-left: 10px;
	padding: 0;
	border: 0;
	width: 95%;
	overflow: auto;
}

.indexatoz {
	font-weight: bold;
	font-size: 1.25em;
/*	color: #808080; */
/*	background-color: #CFCFCF; */
	margin-top: 12pt;
	padding: 6pt;
}

.indexheading {
	font-weight: bold;
	font-size: 1.25em;
/*	color: #004080; */
/*	background-color: inherit; */
	margin: 0;
	padding-top: 12pt;
	padding-bottom: 6pt;
}

.index1 {
	font-weight: normal;
	font-size: 1em;
/*	background-color: inherit; */
	margin: 0;
	padding-top: 3pt;
}

.index2, .index3, .indexlink {
	font-weight: normal;
	font-size: 1em;
/*	background-color: inherit; */
	margin: 0;
	padding: 0;
}
/**********************************/

/***************** Other *****************/
ol {
    /*counter-reset:li; */
    margin-left:0; 
    padding-left:0; 
}

ol > li {
    position:relative;
    margin:0 0 6px 3em; 
    padding:2px 3px;   
}

ol li img.leftgraphic, ol li img.rightgraphic, ol li img.embeddedimage {
	margin: 4px 0 6px 0;
}
/**********************************/

/***************** Media *****************/
@media only screen and (max-device-width: 767px) {
	body {
		width: 100%;
	}

	img.leftgraphic, img.rightgraphic, img.embeddedimage, img.embeddedimagescaled, img.embeddedimagefullsize {
		width: 80%; 
		margin-bottom: 20px;
	}
}
	
@media only screen and (min-device-width: 767px) {
	img.leftgraphic, img.rightgraphic, img.embeddedimage, img.embeddedimagescaled, img.embeddedimagefullsize {
		margin-bottom: 20px; 
		margin-right: 2%;
	}
	
	li img.leftgraphic, li img.embeddedimage, li img.embeddedimagescaled, img.embeddedimagefullsize {
		margin: 10px 0 15px 0;
	}
}

/***************** YOTA WEBSITE MEDIA *****************/
.mobile { display: none; }

.content,
#navigation {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#navigation {
	margin: 24px 0 0 0;
	padding: 30px 0;
	z-index:2;
}

@media only screen and (max-width: 767px) {
	.content {
		float: none; 
		width: 100%;
		min-width: 0;
		margin-left: 0;
		padding-top: 20px;
		max-width:100%;
	}
	
	.mobile {
		float: left;
		display: block;
		width: 40px;
		height: 40px;
		margin-top: 12px;
		text-align: center;
		line-height:40px;
/*		color: #00aeef; */
		cursor: pointer;
	}
	
	#navigation {
	margin: 0;
	}

	.lang_menu {margin: 10px 15px auto 5px;}
	#header p {font-size: 0.750em;}
	#header p img {width: 80px; height: auto;}
	
}