/* CSS Document */

/* Creates a (narrow) single column page */
#all {
    margin: 0 auto;
	width:750px;
}

#col1 ul {
    margin-left: 1.3em;
    padding: 0;
}

#col1 ul li {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

#col1 ul ul {
    list-style: disc url();
}

.newline {
    display: block;
}

.indent {
    text-indent: 16px;
}

/* Column 1 section titles */
h1 {
    color: #E00;
    font-size: 1.5em;
    font-weight: bold;
}

ul.syntax {
    margin-top: 0;
}

h2 {
    color: #0C0;
    font-size: 1.3em;
    margin-bottom: 0;
}

ul.required {
    margin-top: 0;
}

h3 {
    color: #33B2CD;
    font-size: 1.3em;
    margin-bottom: 0;
}

ul.tutorials {
    margin-top: 0;
}

/* Column 2 section titles */
h4 {
    color: #D00;
    font-size: 1.3em;
    font-weight: bold;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #F00;
	background-color: #FFF;
}

h5 {
    color: #0C0;
    font-size: 1.15em;
    font-weight: bold;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #0F0;
	background-color: #FFF;
}

h6 {
    color: #33B2CD;
    font-size: 1.15em;
    font-weight: bold;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #83C3E0;
	background-color: #FFF;
}

/* formatting CSS */
.nobottom {
    margin-bottom: 0;
}

.notop {
    margin-top: 0;
}

.center {
    text-align: center;
}

img.left {
    float: left;
    margin-left: -15px;
    position: relative;
    top: .3em;
}

.red { color: #C00; }
.light_red { color: #F00; }

.green { color: #0C0; }
.light_green { color: #0F0; }

.blue { color: #00C; }
.light_blue { color: #00F; }


.javacode { background-color: #fff; padding-top: 1em; padding-bottom: 1em; border: 1px #000 solid;}
.javadoc { color: #3F5FBF; }
.comment { color: #008000; }

/*
For .regex, .match, and .string and code (tt on his site)

Credits: Jan Goyvaerts
URL: http://www.regular-expressions.info/regex.css
*/
code.regex {
    white-space: nowrap;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #FF6600;
	background-color: #FFF4E8;
}

code a, tt a, a.no_decor {
    text-decoration: none;
}

a.featureNote {
    text-decoration: none;
    vertical-align: top;
}

code.match {
    white-space: nowrap;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #0066FF;
	background-color: #E8F4FF;
}

code.string {
    white-space: nowrap;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #00A000;
	background-color: #E0FFE0;
}

.code, #col1 ul tt {
	white-space: nowrap;
}

code {
    font-family: 'Andale Mono', 'Lucida Console', monospace;
}

tt {
    font-family: Courier New;
}

/* a numeric range - e.g. 0..59 */
code.range {
    white-space: nowrap;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-color: #FFCC00;
	background-color: #fafad2;
}

p.blockquote {
    margin-left: 40px;
    top: 50px;
}

h4 code, h5 code {
    font-family: Courier New;
}

.morespace {
    line-height: 1.5em;
}

label {
      white-space: nowrap;
}

fieldset div {
    line-height: 1.5em;
}

html {overflow-y: scroll;}

/* Credits: CSS Menu Maker -> Drop Down Menus */
/* URL: http://www.cssmenumaker.com/builder/menu_info.php?menu=064 */

/* for logo */
/* size ratio: 16 * 0.9 * 0.9 * 2.25*/
#nav ul li#logo img {
    margin-right: 2em;
    border: none;
    color: #fff;
    font-size: 2.25em;
    width: 156px;
    height: 36px;
    font-family: Courier New;
}

#nav ul li#twitter img {
    border: none;
    width: 52px;
    height: 25px;
    vertical-align: middle;
}

#nav ul li#logo a.top_link:hover, #nav ul li#twitter a.top_link:hover {
    background: none;
    color: #fff;
}

a.first {font-size: 1.05em; font-weight: bold;}
#nav ul :hover ul.sub li a.first {text-decoration: underline; font-size: 1.05em; font-weight: bold;}
#nav ul :hover ul.sub li a.first:hover {text-decoration: none;}

#nav {height:40px; background:#666767 url(../images/button1a.png) repeat-x;}
#nav ul {padding:0 0 0 1em; margin:0; list-style:none; position:relative; font-family:arial, verdana, sans-serif; z-index: 2;}

#nav ul li.top {display:block; float:left; position:relative;}
#nav ul li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#nav ul li a.top_link > span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}

#nav ul li:hover > a.top_link {color:#000; height: 35px; background: #88CAE8 url(../images/button4a.png) no-repeat;}

#nav ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#nav ul a:hover {visibility:visible;}
#nav ul li:hover {position:relative; z-index:200;}

#nav ul ul,
#nav ul :hover ul ul,
#nav ul :hover ul :hover ul ul,
#nav ul :hover ul :hover ul :hover ul ul,
#nav ul :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav ul :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #0099AA; white-space:nowrap; width:200px; height:auto;}
#nav ul :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
#nav ul :hover ul.sub li a {font-weight:normal;display:block; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
#nav ul :hover ul.sub li a:hover { background:#80BFDB; color: #fff;}

/*
Perfect 'Double Page' 2 Column Liquid Layout

Author: Matthew James Taylor
URL: http://matthewjamestaylor.com/blog/perfect-2-column-double-page.htm

Homepage: http://matthewjamestaylor.com
More website layouts: http://matthewjamestaylor.com/blog/-website-layouts
Web design artilcles: http://matthewjamestaylor.com/blog/-web-design
*/

/* General styles */
body {
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width: 900px;   /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
}

a {
    color:#369;
}

a:hover, a.hover {
    color:#fff;
    background:#369;
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
    margin:.8em 0 .2em 0;
    padding:0;
}

p {
    margin:.4em 0 .8em 0;
    padding:0;
    line-height: 1.5em;
}

p.normal, blockquote p {
    line-height: 1em;
}

/* column container */
#doublepage {
    clear:both;
    float:left;
    width:100%;                     /* width of whole page */
}

/* common column settings */
#main {
    float:left;
    width:100%;
    position:relative;
}

#col1, #col2 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
}

/* 2 Column (double page) settings */
#doublepage {
    background:#eee;                /* right column background colour */
}

#doublepage #main {
    right:50%;                      /* right column width */
    background:#fff;                /* left column background colour */
}

#doublepage #col1 {
    width:46%;                      /* left column content width (column width minus left and right padding) */
    left:52%;                       /* right column width plus left column left padding */
}

#doublepage #col2 {
    width:46%;                      /* right column content width (column width minus left and right padding) */
    left:56%;                       /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    background: #808080;
    color: #FFF;
    text-align: right;
}

#footer p {
    padding-top:5px;
    padding-bottom: 5px;
    margin:0;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
    background: none;
}

#footer-a {
float: left;
text-align: left;
margin-left: 52%;
}

/* 1-column left footer */
#footer-a1 {
float: left;
text-align: left;
margin-left: 2%;
}

#footer-b {
float: right;
text-align: right;
margin-right: 2%;
}

.leftCol {
float: left;
text-align: left;
}

.rightCol {
float: right;
text-align: right;
margin-right: 2%;
}

/*
CSS for JavaScript Tree Control
http://gethelp.devx.com/techtips/dhtml_pro/10min/10min0702/td072602-1.asp
(slightly modified)
*/

li.folder {
	list-style: none
}

li.break {
	margin-top: 0.75em
}

td.break, tr.break > * {
    padding-top: 1em;
}

img.litrigger {
    margin-left: -1.05em;
    margin-right: .15em;
    padding: 0;
    border: 0;
    font-family: courier new;
}

li.branch {
	list-style-image: none;
}

.trigger {
	cursor: pointer;
	cursor: hand;
}

.branch {
	display: block;
}

.branchI {
  margin-left: 1em;
  display: none;
}