li 					{padding-bottom: 7px; list-style-image: url(/National_Library/oe_/https://www.rankranger.com/www-img/web/gui/blog_bullet.png);}
.docs_main			{float: left; margin-top: 10px; text-align: left; padding-top: 7px; width: 754px; padding-bottom: 50px;}
.docs_main h1		{font-size: 14pt; font-family: Trebuchet MS, Segoe UI, Tahoma;}
.docs_main h2		{font: 30px/38px 'Exo 2', sans-serif; font-weight: bold; color: #444444; display: inline-block; max-width: 800px;}

.doc_title .sub		{padding-left: 12px; padding-top: 8px;}
.cat_main			{float: none; clear: both; border-bottom: #555555 1px dotted; padding-bottom: 7px; margin-bottom: 7px;}
.cat_items			{float: left; width: 322px; padding-bottom: 14px;}
.cat_items ul		{margin: 0px;}
.cat_items li		{background: url(/National_Library/oe_/https://www.rankranger.com/www-img/web/gui/doc_icon.png) no-repeat left center; margin-left: 0px; padding: 3px 0px 4px 20px; list-style-type: none; list-style-image: none;}
.cat_title			{font:normal 12pt Segoe UI, Tahoma,Verdana,Segoe,sans-serif; border-bottom: #dddddd 1px dotted;}
.breadcrumbs		{float: none; color: #777777; line-height: 10px;}
.breadcrumbs a		{color: #777777;}
.breadcrumbs a:hover {color: #777777;}

/* Templates */
.doc_wrapper			{float: left; width: 1028px;}

.doc_intro				{margin-bottom: 20px;}
.doc_intro .text			{float: left; padding-right: 20px; padding-bottom: 20px; width: 400px; font-size: 12pt;}
.doc_intro .text a		{font-size: 12pt;}
.doc_intro .picture		{float: right; text-align: center; padding-bottom: 20px; width: 250px;}
.doc_intro img			{-webkit-box-shadow: 0 1px 11px 0px #ccc; -moz-box-shadow: 0 1px 11px 0px #ccc; box-shadow: 0 1px 11px 0px #ccc; }

.doc_expand				{padding-top: 20px; border-top: #ddd 1px solid;}
.doc_expand	.title 		{float: left;}
.doc_expand	.title h2	{font: 22px/24px 'Exo 2', sans-serif; font-weight: bold; color: #444444;}
.blog_content h3			{font: 22px/24px 'Exo 2', sans-serif; font-weight: bold; color: #3c558a;}
.doc_expand .icon		{float: right; text-align: center; width: 30px; padding-top: 4px;}

.doc_expand .back_to_top	{float: right; text-align: right;}

.doc_expand_content		{margin-bottom: 0px; background-color: #ffffff; overflow:hidden; padding-bottom: 18px;}
.doc_expand_content .read_more {margin-top: 20px; margin-bottom: 10px;}
.doc_expand_content .read_more .title,
.doc_expand_content .read_more .title:hover {font:normal 11pt Segoe UI, Tahoma,Verdana,Segoe,sans-serif; color: #444444; text-decoration: none;}
.doc_expand_content h3	{font: 18px/24px 'Exo 2', sans-serif; font-weight: bold; color: #3c558a;}

.doc_expand_content .simple_instructions {float: none; clear: both; margin-top: 10px;}
.simple_instructions .title 	{font: 19px/24px 'Exo 2', sans-serif; font-weight: bold; color: #444444;}

.matrix_table 			{width: 100%; background-color: #f9f9f9; border: #dddddd 1px solid; border-bottom: 0px solid; color: #000020;}
.matrix_table td			{border-bottom: #dddddd 1px dotted; vertical-align: text-top;}
.matrix_table .icon		{white-space: nowrap; font-weight: bold;}
.matrix_table .name		{white-space: nowrap; font-weight: bold;}

.options_table 			{}
.options_table td		{vertical-align: top; text-align: left; padding: 0px; padding-right: 7px; padding-bottom: 14px;}
.options_table td.ex		{padding-left: 10px; padding-bottom: 20px;}
.options_table .icon		{white-space: nowrap; font-weight: bold; padding-bottom: 38px;}
.options_table .zoom_link img			{-webkit-box-shadow: 0 1px 11px 0px #ccc; -moz-box-shadow: 0 1px 11px 0px #ccc; box-shadow: 0 1px 11px 0px #ccc; }

.qna_class 				{margin-bottom: 14px; padding: 10px;}
.qna_class h3			{margin: 0px; padding: 0px; font:bold 11pt Segoe UI, Tahoma,Verdana,Segoe,sans-serif; color: #555555; display: inline;}

/* Sidebar Styles */
.blog_sidebar		{float: left; margin-right: 20px; width: 250px;}
/*
.doc_options		{background: url(/National_Library/oe_/https://www.rankranger.com/www-img/web/home_design/ht_testimonial_bg.jpg) repeat-x; padding: 10px;}
.doc_options h3		{font:normal 13pt Segoe UI, Tahoma,Verdana,Segoe,sans-serif; color: #444444;}
.doc_options .cat	{border-bottom: #dddddd 1px dotted;}
*/
/* Menu Styles */
.doc_options 						{background: #eeeeee; margin-top: 10px; padding-bottom: 50px; padding-top: 11px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#docs_aco_menu 						{margin:0; padding:0; list-style-type: none; border-bottom: 1px solid #ccc;}
#docs_aco_menu a 					{display:block;}
#docs_aco_menu ul 					{overflow: hidden; margin:0; padding:0;}
#docs_aco_menu li 					{margin:0; padding:0; list-style-type:none; list-style-image: none; }
#docs_aco_menu li:hover				{}
#docs_aco_menu li a 					{padding:10px 0 0 10px; display:block; height:30px;}
#docs_aco_menu li a.closed 			{color:#3c558a !important;}
#docs_aco_menu li.firstitem a.closed 	{color:#3c558a !important;}
#docs_aco_menu li.lastitem a.closed 	{color:#3c558a !important;}
#docs_aco_menu li li 					{padding:4px 10px 4px 10px; background: none; height: auto;}
#docs_aco_menu li li:hover				{background: none;}
#docs_aco_menu li li a					{padding:0 0 0 0; display:block; height:auto;}
#docs_aco_menu li li a:hover			{}
#docs_aco_menu li a.opened 			{}
#docs_aco_menu li.firstitem a.opened 	{}
#docs_aco_menu li.lastitem li 			{margin-bottom:-4px;}
#docs_aco_menu li.lastitem ul 			{padding-bottom:4px;}

#docs_aco_menu li.aco_wrap			{background: #f9f9f9; 
									background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f2f2f2));
									background-image: -moz-linear-gradient(center top,#f9f9f9,#f2f2f2);
									color: #3c558a;}
#docs_aco_menu li	a	 				{}
#docs_aco_menu li li a	 				{font: 13px/21px 'Exo 2', sans-serif; color: #525252; font-weight: normal;}
#docs_aco_menu .lvl1 				{font: 17px/35px 'Exo 2', sans-serif; color: #525252; font-weight: bold;}
#docs_aco_menu .aco_title			{font: normal 13pt Trebuchet MS, Segoe UI, Tahoma,Verdana,Segoe,sans-serif; color: #3c558a; font-weight: bold; border-top: 1px solid #ccc;}
#docs_aco_menu .aco_title:hover		{background: #efefef; text-decoration: none;}

.doc_options form table {padding-left: 7px;}

/* Table of content */
#toc_wrap		{text-align: left; border: 1px solid #e1e1e1; padding: 2px; width: auto; -webkit-box-shadow: 0 1px 5px #ccc; box-shadow: 0 1px 5px #ccc; margin-top: 22px;}
#toc_cont		{
	border: 1px solid #eaeaea; padding: 11px 11px; overflow: hidden;
	background: #f2f2f2; 
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#ffffff));
	background-image: -moz-linear-gradient(center top,#f2f2f2,#ffffff);
}
#topics_menu	{}
.toc_title		{font: bold 13pt Trebuchet MS, Segoe UI, Tahoma,Verdana,Segoe,sans-serif; color: #525252;}
.fix_toc_margin #toc_wrap {margin-top: 0px;}

/* UI addon */
.wiz_content_input 	{font-size:10pt; padding: 5px; color: #555; border: #ddd 1px solid; display:inline; margin-bottom:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.sidebar_help_search {width: 148px;}
.search_glass img {height: 25px;}
.search_glass {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	background: #1a428a;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c71d0), to(#1a428a));
	background-image: -webkit-linear-gradient(top, #3c71d0, #1a428a);
	background-image: -moz-linear-gradient(top, #3c71d0, #1a428a);
	background-image: -ms-linear-gradient(top, #3c71d0, #1a428a);
	background-image: -o-linear-gradient(top, #3c71d0, #1a428a);
	background-repeat: repeat-x;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #999;
	text-shadow: none;
	-webkit-transition: background-image 0.2s ease-in-out;
	-moz-transition: background-image 0.2s ease-in-out;
	-o-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
	width: 60px;
}

.search_glass:hover {
	background: #1b52b4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b52b4), to(#1a428a));
	background-image: -webkit-linear-gradient(top, #1b52b4, #1a428a);
	background-image: -moz-linear-gradient(top, #1b52b4, #1a428a);
	background-image: -ms-linear-gradient(top, #1b52b4, #1a428a);
	background-image: -o-linear-gradient(top, #1b52b4, #1a428a);
}

.parameter_table 	{background-color: #f9f9f9; border: #dddddd 1px solid; color: #000020;}
.parameter_row 		{border-bottom: #dddddd 1px dotted; vertical-align: text-top; padding-right: 20px;}
.method_title 		{background-color: #e9eff1; border-top: #003366 1px dotted; padding: 4px;}
.method_title  b		{font-size: 18px;}
.method_margin 		{margin-left: 10px;}

/* New Doc Ver */
.help_center .in .breadcrumbs {float: left; margin: 18px 0 18px 0;}
.help_center .in .breadcrumbs a {color: #fff; line-height: 73px;}
#search_cse_form.features {margin: 18px 22px 18px 0; float: right; width: auto;}
.help_center .gen_form td.gen_form_title {padding-top: 0;}

.gen_section .in {width: 1080px; margin: 0 auto; display: inline-block; text-align: left;}
.doc_wrapper	 {width: 1055px;}
.docs_main		 {width: auto; float: none;}
.doc_intro .picture {margin-top: -42px;}
.doc_intro .text {width: auto; max-width: 736px;}
ul {margin-top: 10px;}
li {font-size: 12pt; line-height: 22px;}
td, p, div, a, a:hover {font-size: 12pt;}
.cat_items      {width: 40%; padding: 18px 35px 0 35px;}
.cat_main       {text-align: center; border-bottom: 2px solid #e8ecef; padding: 0; margin-bottom: 30px;}
.cat_main h2    {font-weight: 600; color: #454C52; display: inline-block; position: relative; top: 15px; background: #fff; padding: 0 18px;}
.cat_title      {border: 0; font-size: 13pt; font-weight: bold; color: #555; margin: 10px 0 10px 0;}
.cat_items li   {margin-left: 20px; background: none; padding: 3px 0px 8px 0px; list-style: circle;}

#topics_menu li     {float: left; width: 32%; margin: 0 18px 0 0; font-size: 10pt;}
#topics_menu li a   {font-size: 10pt;}

@media (max-width: 1080px)
{
    .doc_wrapper, .gen_section .in {width: auto !important;}
    div.cat_items {width: auto !important; float: none !important;}
    .help_center .in .breadcrumbs {display: none;}
    .blog_content {max-width: 720px; overflow: hidden; margin: 0 18px 0 18px !important;}

    .doc_intro .picture {margin-top: 18px; float: none; position: inherit;}
    table.parameter_table .parameter_row {word-wrap: break-word; font-size: 9pt !important;}
}

@media (max-width: 780px)
{
    .blog_content img[style] {width: auto !important; max-width: 580px !important;}
    table.parameter_table .parameter_row {max-width: 500px; font-size: 8pt !important;}
    table.options_table td {float: left;}
}

@media (max-width: 620px)
{
    .blog_content img[style] {max-width: 308px !important;}
    table.parameter_table .parameter_row {max-width: 320px;}
}