body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 100%;
}

p {
   margin-left: 1em;
   margin-right: 1em;
}

.docnav {
   font-size: large;
   font-weight: bold;
   position: absolute;
   top: 30px;
   right: 10px;
}

.code {
   font-family: monospace;
   font-size: normal;
}

.codestrong {
 font-family: monospace;
 font-size: large; 
 font-weight: bold;
}

.docnavspacer {
  height: 31px;
  width: 16px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/admin/chrome_icons_spacer.png);
}

h2 {
   display: block;
}

a {
   color: black;
}

a, a:link, a:visited {
   color: blue;
}

h2 {
   background-color: #3F8B8B;
   color: white;
}

h3 > a, h3 > a, h3 > a:visited, h3 > a:link {
   background-repeat: no-repeat;
   color: white;
}

h3 > a[href], h3 > a[href], h3 > a[href]:visited, h3 > a[href]:link {
   padding-left: 16px;
	background-image: url(http://chromeserver.com/images/icons/silk-1.3/link_go.png);
}

h3 {
   background-color: #0f60a0;
   color: white;
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 1em;
}

h3.syslib_version {
   background-color: #999999;
   text-align: right;
   padding-right: 2em;
}

.fn_spec {
   font-family: Verdana, Helvetica, Arial, sans-serif;
}

.fn_spec > .fn_type
{
   background-color: #0f60a0;
   color: white;
   text-align: right;
   padding-right: 1em;
}

.fn_spec > .fn_params, 
.fn_spec > .fn_returns,
.fn_spec > .fn_prop
 {
   margin-left: 1em;
   margin-right: 1em;
}

.fn_spec > .fn_params > .fn_param_title, .fn_spec > .fn_returns > .fn_return_title {
   background-color: #2f80c0;
   color: white;
   padding-right: 1em;
   font-size: larger;
   font-weight: bold;
   padding-left: 1em;
}

.fn_spec > .fn_returns > .fn_return,
.fn_spec > .fn_params > .fn_param
{
}

.fn_spec > .fn_returns > .fn_return > .fn_return_type,
.fn_spec > .fn_params > .fn_param > .fn_param_name,
.fn_spec > .fn_params > .fn_param > .fn_param_type,
.fn_spec > .fn_prop > .fn_prop_type
{
   background-color: #cccccc;
   font-size: normal;
   font-weight: bold;
   padding-left: 1em;
   padding-right: 1em;
   min-width: 5em;
   display: inline-block;
   border-left: 2px solid black;
   border-bottom: 2px solid black;
}

.fn_spec > .fn_prop > .fn_prop_type,
.fn_spec > .fn_params > .fn_param > .fn_param_type,
.fn_spec > .fn_returns > .fn_return > .fn_return_type
{
   border-right: 2px solid black;
   border-bottom: 2px solid black;
}

.fn_spec > .fn_returns > .fn_return > .fn_return_desc,
.fn_spec > .fn_params > .fn_param > .fn_param_desc,
.fn_spec > .fn_prop > .fn_prop_desc {
   margin-left: 0.25em;
}


/*
   The terminal style is applied to preformatted content that should be displayed
   as if it were on a terminal to make it clear that this is code. It's particularly
   useful for content that's to be typed in by the user as shell commands.
 */
pre.terminal {
   margin-left: 5em;
   margin-right: 5em;
   padding: 0.5em 0.25em 0.5em 0.25em;
   border: 1px solid black;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   background-color: black;
   color: #7fff00;
}

pre.terminal > b {
   color: white;
}

pre.terminal > a { color: #7fff00; }
pre.terminal > a:link { text-decoration: none; }
pre.terminal > a:visited { text-decoration: none; }
pre.terminal > a:hover { text-decoration: underline; }

/*
   terminal content that would overflow the right margin on small monitors (and I'm assuming
   a minimum of 1024 here) should be given this id so that they're given scrollbars. Unfortunately
   scrollbars are all or nothing - they're not dynamically applied to content that needs them, so
 */
#terminal_oversize {
   overflow: scroll;
}