/* Sidenav for Docs
-------------------------------------------------- */
 .navigon {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.navigon > li {
	position: relative;
	display: inline-flex ;
}
.navigon > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.navigon > li > a:hover,
.navigon > li > a:focus {
	text-decoration: none;
	background-color: #eeeeee;
	border: 1px solid #ccc;
}
.navigon > li.disabled > a {
	color: #777777;
}
.navigon > li.addoption	{
	padding-left: 1rem;
}
.navigon > select	{
	width: 100%;
}
.navigon > li.disabled > a:hover,
.navigon > li.disabled > a:focus {
	color: #777777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed;
}
.navigon > li > a > img {
	max-width: none;
}
.navigon-tabs {
	border-bottom: 1px solid #ccc;
}
.navigon-tabs > li {
/*	float: left;
	margin-bottom: -1px;
*/
}
.navigon-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 8px 8px 0 0;
}
.navigon-tabs > li > a:hover {
	border-color: #eeeeee #eeeeee #ccc;
}
.navigon-tabs > li.active > a,
.navigon-tabs > li.active > a:hover,
.navigon-tabs > li.active > a:focus {
color: #fff;
background-color: #08c;
border: 1px solid #ccc;
border-bottom-color: transparent;
cursor: default;
}
.navigon:before,
.navigon:after {
	content: " ";
	display: table;
}
.navigon:after {
	clear: both;
}
.navigon-top:after, .navigon-group {
	clear: both;
}
ul.navigon-top, ul.navigon-per{
list-style:none;
}
li.navigon-top, li.navigon-sep, div.navigon-per{
float: left;
}
div.navigon-per{
display: inline-table;
}
li.navigon-top {
margin-left: 7px;
}
div.navigon-per {
width: 33%;
}
div.navigon-top{
float: left;
font-size:14px;
}
.dhead{margin-bottom:3px;}

/* ----------------------------------------- */

.menus {
margin: 0 0 6px;
padding: 0;
background-color: #fff;
display: block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
-moz-box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
*/
text-decoration:none;}

.menus-begin{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;}
.menus-end{-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}

.menus.active>a, .menus.active>a:hover, .menus.active>a:focus{text-decoration: none;color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: transparent;}

.menus-active, .menus-active>a:focus, .menus-active>a:hover,.menus-active>a{text-decoration: none;color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #08c;}

.canvas{width: 190px 9; margin: 0 0 -1px; padding: 8px 14px;cursor:pointer;text-decoration: none; border: 1px solid #e5e5e5;}
.sub_canvas{width: 190px 9; margin: 0 0 -1px; cursor:pointer;text-decoration: none; border: 1px solid #e5e5e5;line-height: 0px; font-size: 12px;}
.canvas.active:hover {background-color: #007EC2;}
.canvas.active{border: 1px solid #08c;}
.canvas:hover{ background-color: #EBEBEB;}
.menu_item{margin: 0 0 -1px; padding: 10px 24px;cursor:pointer;text-decoration: none;}
.menu_item:hover{ background-color: #EBEBEB;}
.menu_item.active{ background-color: #f5f5f5;font-weight:bold}
.menu_item.active:hover {background-color: #EBEBEB;}
.menu_img{vertical-align:inherit;}

/* Chevrons */
.menus .icon-chevron-right {
float: right;
margin-top: 2px;
margin-right: -6px;
opacity: .3;
}
.menus .icon-share {
float: right;
margin-top: 2px;
opacity: .5;
}
.menus .icons-menu {
float: right;
margin-top: 2px;
margin-right: 16px;
}
.menus .icon-minus, .menus .icon-arrow-right {
float: right;
margin-top: 2px;
opacity: .3;
}
.menus > a:hover {
background-color: #f5f5f5;
}
.menus a:hover .icon-chevron-right, .menus a:hover	.icon-minus, .menus a:hover	.icon-arrow-right,.menus a:hover	.icon-share {
	opacity: .7;
}
.menus .active .icon-chevron-right,
.menus .active a:hover .icon-chevron-right {
	background-image: url(../css/glyphicons-halflings-white.png);
	opacity: 1;
}
.menus .active > a:hover .icon-chevron-right {
	background-image: url(../css/glyphicons-halflings-yellow.png);
	opacity: 1;
}
/* ----------------------------------------- */

.ads{
display: block;
margin: 0 0 0px;
padding: 4px 4px;
border: 1px solid #ccc;
margin-bottom: 6px;
float: center;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
-moz-box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
/*box-shadow: 0 1px 4px rgba(0,0,0,.065);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
*/
	background:#fff;
}

.ads-top, .ads-bottom {
display: block;
margin: 0 0 0px;
padding: 8px 8px;
border: 1px solid #ccc;
margin-top: 0px;
margin-bottom: 6px;
float: center;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
-moz-box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
box-shadow: 0.5px 6px 30px rgba(0,0,0,.2);
/*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
box-shadow: 0 1px 4px rgba(0,0,0,.065);
*/
background:none;
}
.ads-top:hover,.ads-top:focus{border: 1px solid #b5b5b5; cursor:pointer;}
.itemRow {}
.itemRow:hover, .itemRow:focus{ background-color: #D7E9F7; cursor: pointer; }

.ads-bottom{
margin-top: 6px;
cursor: pointer;}

hr.solid{border: 2px solid #ccc; height: 1px;}
hr.soften {
height: 1px;
color:rgb(128, 128, 128);
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,0));
border: 0;
}

.menuinfo{
overflow:visible;
width:auto;
margin-bottom:10px;
font-weight: bold;
min-height:25px;
padding: 3px 3px;
border:1px #7E7E7E;
color:#ffffff;
text-shadow:1px 2px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
*zoom:1;
}


.menuinfo-current{
background-color:#0000dd;}
.menuinfo-begining{
background-color:#7070D6;}
.menuinfo-past{
background-color:#1E2E6C;}

.menuinfo-large{
padding:24px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.menuinfo:before,
.menuinfo-inner:after{
display:table;
content:"";
line-height:0;}
.menuinfo-inner:after{clear:both;}
.menubutton {float: left;}
.shadow{text-shadow:0 1px 0 #ffffff;}
tr.infoheader{overflow:visible;margin-bottom:20px;*position:relative;}
td.infoheader-content{padding-top: 7px;padding-bottom: 7px;text-align:center;}
tr.infoheader-inner{min-height:40px;background-color:#08c; color: #ffffff;
position: relative;
z-index: 2;
padding: 9px 15px;
border: 0;
text-shadow: 0 1px 0 rgba(0,0,0,.15);
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
font-weight:bold;}

tr.infoheader-inner:before,.infoheader-inner:after{display:table;content:"";line-height:0;}

.infobox{
display: block;
margin: 0 0 0px;
padding: 8px 8px;
border: 1px solid #ccc;
margin-top: 0px;
margin-bottom: 6px;
float: center;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
box-shadow: 0 1px 4px rgba(0,0,0,.065);}

ul.menuoptions{
list-style-type: none;
margin-left: 6px;
margin-right: 0px;
max-width: 80%;
min-width: 80%;
padding-top: 6px;
padding-bottom: 6px;
}
li.menuoptions{
padding-bottom: 4px;
}
td.menuoptions{
width: 170px;
padding: 0px;
padding-top: 6px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 0px;
}
a.prev, a.next {
margin: 50px 0px 0px 0px;
width: 30px;
height: 30px;
float: left;
}
.scrolltotop{    
right: 0;
max-width: 4rem;
position: fixed;
top: 20%;
}
.scrolltotop a{ background: #6c7378;
border: solid #fff;
border-width: 1px 0 1px 1px;
border-radius: .5rem 0 0 .5rem;
color: #eee;
display: block;
font-size: .75rem;
line-height: 1.1;
padding: .3rem 0.75rem;
}
.tabclear{
border: none;
background-color: transparent;
}
.toleft{float:left;}
.toright{float:right;}
.rodo1{width: 85%;}
.rodo2{width: 15%;}