.sm-prod{position:relative;z-index:5000;}
.sm-prod,.sm-prod ul,.sm-prod li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm-prod>li>h1,.sm-prod>li>h2,.sm-prod>li>h3,.sm-prod>li>h4,.sm-prod>li>h5,.sm-prod>li>h6{margin:0;padding:0;}
.sm-prod ul{display:none;}
.sm-prod li,.sm-prod a{position:relative;}
.sm-prod a{display:block;}
.sm-prod a.disabled{cursor:not-allowed;}
.sm-prod:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm-prod,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.f_inl_imgs > img, lf_inl_imgs > p {
    display:inline;
    font:100% Lora,Georgia,'Times New Roman',Times,serif;
	color:#222;
}


html, body {
	background:#ffffff;
}
body {
	margin:0;
	padding:2em 5px;
	font:100% Lora,Georgia,'Times New Roman',Times,serif;
	color:#222;
}
.f_txt, .p_txt {
	font:100% Lora,Georgia,'Times New Roman',Times,serif;
	color:#222;
}
.f_txt-bld {
    font-weight:bold;
} 
#content {
	padding:0 5px;
}
#content p a {
	word-wrap:break-word;
}
h1, h2, h3 {
	font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#1675A1;
}
h1 {
	margin-top:0.27em;
	margin-bottom:0.27em;
	font-size:1.7em;
}
h2 {
	font-size:1.25em;
}
h2, h3, h4 {
	margin-top:0;
	margin-bottom:0.312em;
}
p, ul, dl {
	margin-bottom:1.4em;
	line-height:1.525em;
}
p {font-size:0.8em;}
ul {
	list-style:circle;
	padding-left:1.3em;
}
a {
	color:#D23600;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:#980000;
}
small { font-size:0.8em;}
.copyr{ font-size:0.6em; color:#C0C0C0;}
.f_h3, .f_h4, .f_h2 {
    color: #1675A1;
}
.f_h3, h4 {font-size:1.1em; font-weight:bold;}
.f_h4, h4 {font-size:0.9em; font-weight:bold;}
tbody tr:nth-of-type(2n) {background-color: #f0f0f0;}
th {background-color:#018DB1;font-weight:bold;color:#fff;}
tbody tr td:nth-of-type(1) {font-weight: bold;}
th, td {padding: 6px;}

img { display: block;} 
img.wrap { max-width: 70%; margin: 20px 0px; line-height: 0; } 
img.align-right { float: right; margin-left: 20px; } 
img.align-left { float: left; margin-right: 20px; } 

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{ 
	img { max-width: 30%; height: auto;} 
	img.wrap 
	{ 	max-width: 30%; 
		margin-right: 15px; 
		margin-top: 5px; 
		margin-bottom: 5px; 
		line-height: 0; 
	} 
} 
@media only screen and (max-width : 320px) { 
img { max-width: 30%; height: auto;} 
	img.wrap 
	{ 	max-width: 30%; 
		margin-right: 15px; 
		margin-top: 5px; 
		margin-bottom: 5px; 
		line-height: 0; 
	} 
} 
@media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}


#themes {
	margin:2.5625em 0 2em 0;
	border:1px solid;
 	border-color:#ebe3d9;
 	border-color:rgba(0,0,0,0.04);
	padding:2.5%;
	background:#f4ece1;
	background:rgba(0,0,0,0.03);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#themes p:last-child {
	margin-bottom:0;
}
#themes select {
	display:block;
	width:100%;
	height:24px;
	line-height:24px;
	background:#fff;
}
#themes label {
	margin-left:0.3em;
}
.right-column h2 {
	margin-top:0;
}
.right-column h4 {
	font-size:1em;
	font-weight:normal;
}
dl.docs-terms dt {
	margin:0 0 0.5em 0;
	font-weight:bold;
}
dl.docs-terms dd {
	margin:0 0 1.5em 1.3em;
}
dl.docs-arguments {
	margin:0 0 0 1.3em;
}
dl.docs-arguments dt, dl.docs-arguments dd {
	margin:0;
}
code {
	background:#f9f5f0;
	background:rgba(255,255,255,0.5);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.pagination {
	text-align:center;
}
.pagination a {
	margin:1em 0.5em 0 0.5em;
	display:inline-block;
	border:1px solid #dad3c9;
	border-color:rgba(0,0,0,0.10);
	padding:0.111em 0.666em;
	text-decoration:none;
	color:#1675A1;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
	color:#d23600;
}
.gray-button {
	display:inline-block;
	border:1px solid #dad3c9;
	padding:0.111em 0.666em;
	text-decoration:none;
	background:transparent;
	color:#1675A1;
	white-space:nowrap;
	font-family:inherit;
	font-size:1em;
	font-weight:bold;
	line-height:1.61em;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	cursor:pointer;
	outline:none;
}
.gray-button:hover, .gray-button:focus, .gray-button:active {
	color:#d23600;
}
@media (min-width: 640px) 
{
	body {
		padding:2em;
		font-size:112.5%;
	}
	.columns {
		overflow:hidden;
	}
    .left-column {
		width:20%;
	}
	.left-column, .right-column {
		float:left;
}
	.right-column {
		float:right;
        width:80%;
	}
	#content {
		margin:0 24px;
		padding:0;
	}
	#themes {
		margin:2.5625em 24px 2em 24px;
	}
}