/* GLOBAL STYLES */
body {
  background: #F2F2F4FF;
  font-family: helvetica, arial, sans;
  /*font-size: medium;*/
}

#gsi-header {
	color: black;
	/*margin-bottom: 2rem;*/
	color: 424242
	border: 0;
}

body
{
	font-family: Verdana, sans-serif;
	color: navy;
	/*text-transform: none;*/
	margin: 0px;
  height: 100vh;
	/*background: white;*/
}
p     {font-size:small; font-family:Verdana; line-height:150%; text-align: justify }
blockquote, blockquote p, p blockquote {font-style:normal;}
b {font-weight:bold}
H1     {font-size:large; font-weight:bold; font-family:Verdana,sans-serif;}
h2 {
	font-size:medium;
	font-weight:bold;
	font-family:Verdana, sans-serif;
	color:#707070;
	line-height: 40px;
	margin: 0.5em 0 0.25em 0;
}
H2.MG {font-size:small; font-weight:bold; font-family:Verdana,sans-serif; color:#6030D0;
margin-top:0;
margin-bottom:10;
}
H2.products {font-size:small; font-weight:bold; font-family:Verdana,sans-serif;
margin-top:0;
margin-bottom:15;
}
H3     {font-size:small; font-weight:bold; font-family:Verdana,sans-serif;}
H4     {font-size:small; font-weight:bold; font-family:Verdana,sans-serif;}
td     {font-size:8pt; font-family:Verdana; line-height:200%}

pre {
	font-size: small;
	font-family: Courier, Courier New, sans-serif;
	font-weight: bold;
	color: #006000;
  /*align: left;*/
	margin-bottom: 0;
	padding-bottom:10px;
	tab-size: 4;
}

ol.ol-section {
	margin:0;
	padding:0 20px 0;
}

li.li-base-section-match {
	color:red;
}

li.li-base-section {
	font-size: 1rem;
	margin-left: 3.5rem;
}

li.li-section {
	font-size: small;
	font-weight: bold;
	margin: 0;
	/*padding: 0;*/
}


ol.ol-page{
	margin:0;
	padding:.5rem  0 1rem;
}

li.li-page{
	font-size: small;
	margin-left: 3em;
	padding: 0;
}

ul.ul-content {
	margin-top: -10px;
}

li.li-content {
	padding: 0;
	font-size: small;
	margin-left: 2rem;
}
.regex-name{
	/*width: 206px;*/
	font-size: small;
	vertical-align: top;
	text-align: right;
	padding-right: 30px;
	border-bottom: solid 1px silver;
}
.regex-desc {
	font-size: small;
	width: 270px;
	vertical-align: top;
	padding-bottom: 10px;
	border-bottom: solid 1px silver;
}

a:link    {color:blue; text-decoration:none}
a:visited {color:blue;  text-decoration:none}
a:hover   {text-decoration:underline}
a:active  {background:white;color:black; text-decoration:none}

/*td.left-bar {font-weight:bold; color:#f00000; background:#9090b0; font-family:Verdana,sans-serif;} font-size:9pt;}*/

td.link {    font-weight:normal;
font-family:Verdana,sans-serif;
color:#000000;
background:#A0C0EF;
font-size:9pt;
vertical-align:bottom;
}

a.nav:link    {color:#000080; text-decoration:none; }
a.nav:visited {color:#000080; text-decoration:none; }
a.nav:hover   {color:#0000FF; text-decoration:none; }
a.nav:active  {color:#000080; text-decoration:none; }
.nav
{
	font-family: verdana, arial, helvetica;
	color: #666666;
	font-size: 8pt;
}
/*letter-spacing: -1px; }*/
P.copyright
{
	font-size: 75%;
	font-family: Verdana;
}
DIV.eoc
{
	visibility: hidden;
}
SPAN.note1
{
	font-weight: bold;
	color: #006464;
	background: #CAECEB;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
}
SPAN.currentpage
{
	font-weight: bold;
	color: #FF0000;
}
/*DON'T USE UNDERSCORES in class names. NS won't use them!

body,td        { font-family: arial, helvetica; font-size: 11px; font-color: #444444; }
b        { color: #333333; }
.sidelink    { font-family: verdana, arial, helvetica; color: #666666; font-size: 10px; letter-spacing: -1px; }
.carea        { color: #777777; line-height: 20px; }
A:visited    { text-decoration: none; }
A:link        { text-decoration: none; }
A:hover        { text-decoration: underline; }
</style>*/

/*Web2py styles*/

h2.showcase {margin:0px; padding:0px; background-color:white;}
div.showcase {border:solid 0px silver; padding:0px; font:10pt verdana;}
div.logo {border:solid 0px silver; display:inline-block; display:-moz-inline-box; padding:0px; height:120px; width:100px; vertical-align:text-top; text-align:center; }
img.logo {border:solid 0px blue; noheight:60px; margin-bottom:10px;}
hr.showcase{ padding:0px; margin-bottom:0px; background-color:pink;}

#top-prev-arrow {
	background: white;
	border-radius: 100px;
	border: solid 3px black;
	left: 40%;
	max-width: 50px;
	position: absolute;
	top: 50%;
	transform: translate(-110%, -50%);
	width:20%;
}

#top-next-arrow {
	background: white;
	border-radius: 100px;
	border: solid 3px black;
	left: 40%;
	max-width: 50px;
	position: absolute;
	top: 50%;
	transform: translate(100%, -50%);
	width:20%;
}

#bottom-prev-arrow {
	background: white;
	border-radius: 100px;
	border: solid 3px black;
	left: 50%;
	max-width: 50px;
	position: absolute;
	top: 50%;
	transform: translate(-250%, -50%);
	width:20%;
}

#bottom-next-arrow {
	background: white;
	border-radius: 100px;
	border: solid 3px black;
	left: 50%;
	max-width: 50px;
	position: absolute;
	top: 50%;
	transform: translate(150%, -50%);
	width:20%;
}

.footer a {
  color: white;
}