/*  The styles most likely to be used are:
	- h1, h2, h3, h4: Title, second, third, and fourth-level headings within the body of a topic
	- relatedTopics: Related Topics
	- procTitle: Within How Do I:... topics, for headings within the body of a topic that are followed by
	  bulleted procedures ("To do this").
	- pre: For code blocks
	- langinline: For code fragments within a (non-code) regular section.
	- notepara: Notes	 
*/


/* Standard HTML tag. */
body {
	padding: 0px 25px 20px 5px;
	background: #ffffff;
	color: #00000;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
p,
proctitle,
relatedtopics {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* Use h1 for the topic title */
h1 {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, sans-serif;
	font-size: 142%;
	margin-top: 1em;
	margin-bottom: 1em;
	color: 0066cc;
	letter-spacing: -1px;
}

#content3 h1, #content2 h1 {
padding-bottom: 2px;
font-size: 18px;
font-weight: normal;
letter-spacing: -1px;
border-bottom: 1px dotted #999;}

#hometext h1 {
	margin: 0;
	color: 000;
}

/* Use h2 for all second-level headings. */
h2 {
	font-size: 135%;
	margin-top: 1em;
	margin-bottom: .5em;
	letter-spacing: -1px;
}

#hometext h2 {
	margin: 0;
	color: 0066cc;
}

/* Use h3 for all third-level headings. */
h3 {
	font-size: 120%;
	margin-top: 1em;
	margin-bottom: .6em;
}

#hometext h3 {
	margin-top: 0;
}

/* Use h4 for all fourth-level headings. 
   Note: this style looks identical to the relatedtopics and proctitle styles. */
h4 {
	font-size: 110%;
	margin-top: 1em;
	margin-bottom: .6em;
}

#hometext h4 {
	margin-top: 0;
}

/* Use h5 for all fifth-level heading.  
   Currently, there are no h5s in use in the document.*/
h5 {
	font-size: 105%;
	margin-top: 1em;
	margin-bottom: .4em;
}

#hometext h5 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#callout h5 {
	background: #dddddd;
	padding: 5px;
	padding-left: -10px;
	font-size: 95%;
	margin-left: 0px;
}

#leftColumn {
	width: 220;
	min-width: 220px;
}

#rightColumn {
	width: 100%;
}

#hometext p {
	margin-left: 5px;
	margin-top: 2px;
}

/* Used for figure captions.*/
p.arttitle {
	font-weight: Bold;
}
  
/* The attribute style resembles the navtitle and partdesc styles in that it keeps the next paragraph 
   flush with it. Use it when you list the attributes of syntax in a reference topic.
   The argument style should always be followed by the partdesc style. */
p.attribute {
	margin-top: .6em;
	margin-bottom: 0px;
	font-weight: Bold;
	
}

/* Standard HTML tag. */
span.bold {
	font-weight: Bold;
}

/* Standard HTML tag. */
blockquote {
	margin: 0em 0em 0em 2em;
	padding: 0px;
}

/* Use the filepath style to designate file paths. It is currently a monospace file. */
span.filepath {
	font: 100% Courier New Courier mono;
	font-family: "Courier New", monospace;
}

/* The langinline style, like userinput and filepath, also renders text monospace. Use this
   to denote any individual instance of code in the context of non-coded text. For example, 
   you would use this to denote the name of a class when you're describing it in the paragraph that
   precedes a code sample. To denote a code sample, however, use the <pre> tag. */
span.langinline {
	font: 100% Courier New Courier mono;
	font-family: "Courier New", monospace;
}

/* The listplain style narrows the margin between the formatted line and the one before it.
   It is to be used when creating a second paragraph in a list item, along with the indent and
   unindent buttons in Dreamweaver. */
p.listplain {
	margin-top: 0.7em;
	margin-bottom: 0;
	padding: 0em;
}

/* All text in the navtitle style should include a link to another topic.
   The navtitle style is used in navigational node topics, in Class reference
   topics, and in Method reference topics. For example, in the "Topics 
   Included in this Section" section of a navigation topic, you include the links to all of 
   the topics in that chapter, along with a brief description of what you'll find in each. Use the
   navtitle style for the linked text. It differs from a normal paragraph style in that it does not 
   include an extra paragraph break between the link and the descriptive text. */
p.navtitle {
	margin-top: .6em;
	margin-bottom: 0em;
}

/* The navdesc style is used in navigational node topics, in Class reference
   topics, and in Method reference topics. For example, in the "Topics Included in this Section" 
   section of a navigation topic, you include the links to all of the topics in that chapter,
   along with a brief description of what you'll find in each. Use this style for the descriptive text. 
   It indents the text one tab stop and keeps the margin between this style and the navtitle style small.  */
p.navdesc {
	margin-bottom: 1em;
	margin-left: 1.9em;
	margin-top: 0em;
}

/* The notepara style indents your text to the tab stop for note
   text. You should always begin Note text with the word "Note:" in
   boldface. */
p.notepara {
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1.5em;
}

/* The partname style resembles the navtitle style in that it keeps the next paragraph flush with it. 
   You use it when you list the parameters in a reference topic. It is also used currently in the 
   glossary to designate glossary entries. It renders text italic.
   The partname style should always be followed by the partdesc style.*/
p.partname {
	margin-top: .6em;
	margin-bottom: 0px;
	font-style: italic;
}

/* Use the partdesc style when you describe the function of the properties, parameters, or exceptions 
   listed in a reference topic. It is also used currently in the glossary to designate glossary 
   definitions. The style indents the description slightly.
   The partdesc style should always follow the partname or attribute style.*/
p.partdesc {
	margin-bottom: 1em;
	margin-left: 1.9em;
	margin-top: 0em;
}

/* The point of the proctitle style is the same as the point of the relatedtopics style.  
   It applies to all headings that begin with "To [do something]". It looks identical to the h4 style.  */
p.proctitle {
	font-size: 110%;
	margin-top: 1em;
	margin-bottom: .6em;
	font-weight: Bold;
}

/* Use the relatedtopics style, for the words "Related Topics" at the end of a topic. 
   It looks identical to the h4 style. */
p.relatedtopics {
	font-size: 120%;
	margin-top: 1em;
	margin-bottom: .6em;
	font-weight: Bold;
}

/* The syntax style renders text bold. Use it to style all syntax lines under the
   Syntax heading of reference topics. */
p.syntax {
	font-family: monospace;
	line-height: normal;
	font-weight: Bold;
}

/* Use the syntaxindent style to indent sub-properties of syntax declarations. */
p.syntaxindent {
	font-family: monospace;
	line-height: normal;
	font-weight: Bold;
	margin-left: 1.5em;
	margin-top: 0em;
	margin-bottom: 0px;
}

p.fileurl {
	font-size: 8pt;
}

p.modifieddate {
	font-size: 8pt;
}

/* The syntaxpartname character style renders text italic. Use it to designate 
   syntax elements in reference topics.*/
span.syntaxpartname {
	font-style: italic;
	font-weight: normal;
}

/* These specifications dictate the margins and width of tables. */
table {
	width: 90%;
	margin-top: .6em;
	margin-bottom: .3em;
}

#hometext table {
	width: 100%;
	margin: 0;
	padding: 0;
}

#callout table {
	width: 100%;
	margin: 0;
	margin-left: -10px;
	margin-bottom: 15px;
	padding: 0;
}

#callout2 table {
	width: 70%;
	min-width: 200px;
	margin: 0;
	margin-bottom: 15px;
	margin-left: 25px;
	padding: 0;
}


#callout3 table {
	width: 95%;
	min-width: 200px;
	margin: 0;
	margin-bottom: 15px;
	margin-left: 10px;
	padding: 0;
}

/* The background of header cells is grey, and the text is bottom-aligned. */
th {
	padding-left: 8px;
	padding-right: 8px;
	background: #cccccc;
	text-align: left;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
}

#hometext th {
	padding: 0;
}

/* The text in normal table cells is top-aligned. */
td {
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: top;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#hometext td {
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#callout tr {
	margin: 0;
	padding: 0;
}

#callout td, #callout td.light, #callout td.dark{
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
}

#callout td.light {
	background-color: #F0F0F0;
}

#callout2 td {
	margin: 0;
	padding: 0;
	background-color: #F8F8F8;
}

#callout3 td {
	margin: 0;
	padding: 0;
}

.spacergray {
	font-size: 1pt;
	line-height: 1px;
	background-color: #f1f1f1;
}

#callout td .spacer {
	font-size: 1pt;
	line-height: 1px;
}

#hometext td hr {
	padding: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	color: #dddddd;
	background-color: #dddddd;
	border: 0;
	text-align: left;
}

#hometext .vertline {
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1pt;
	line-height: 1px;
	BORDER-Left: #dddddd 1px solid;
	border-left-width: 1px;
	background-image: none;
}

#hometext .line {
	padding: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1pt;
	line-height: 1px;
	BORDER-bottom: #dddddd 1px solid;
	border-bottom-width: 1px;
	background-image: none;
}

#hometext .space {
	font-size: 1pt;
	line-height: 1px;
}






#datatable table, .codetable table { margin: 0;
		   padding: 0;
		   width: 100%;
	   	   border-top-width: 1px;
		   border-left-width: 1px;
		   border-top-style: solid;
		   border-left-style: solid;
		   border-top-color: #bbb;
		   border-left-color: #bbb;
}

#datatable th { padding: 5px 8px 8px 15px;
		   font-weight: bold;
		   margin-top: 1em;
		   margin-bottom: .5em;
	   	   letter-spacing: -.5px;
		   background: #dddddd;
		   text-align: left;
		   border-right-width: 1px;
		   border-right-style: solid;
		   border-right-color: #bbb;
		   border-bottom-width: 1px;
		   border-bottom-style: solid;
		   border-bottom-color: #bbb; }

#datatable td { padding: 5px 8px 8px 15px;
		   border-color-left: #000000;
		   border-right-width: 1px;
		   border-right-style: solid;
		   border-right-color: #bbb;
	  	   border-bottom-width: 1px;
		   border-bottom-style: solid;
		   border-bottom-color: #bbb; }

.codetable td { border-left-width: 0px;
		   border-left-style: solid;
		   border-left-color: #666;
	  	   border-bottom-width: 0px;
		   border-bottom-style: solid;
		   border-bottom-color: #666; }

.rowcolor	   { background: #fff; }

.altrowcolor   { background: #fff; }








#morearrow {
	margin-left: -30px;
}
#morearrow ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#morearrow ul li {
	  font-size: 85%;
        height: 18px;
        width: 210px;
        text-indent: 33px;
        background: url(images/blue_arrows.gif) top left no-repeat;
	  padding-left : 0px;
	  margin-left : 1em;
	  margin-top: .4em;
	  margin-bottom: .4em;
}
#morearrow ul li:hover {
	  background: url(images/blue_arrows.gif) bottom left no-repeat;
        text-decoration: none;
	  color: #333333;
}
#morearrow ul li a:hover {
	  color: #333333;
}

/* This style creates space above and below table text between paragraph and the table borders. */
p.tabletext {
	margin-top: .6em;
	margin-bottom: .6em;
}

/* The editor uses this style when creating template guides to designate a style annotation. 
   You probably won't want to use it anywhere else in the guide. */
span.template {
	color: #FF00FF;	
}

a.toc-node {
	font-size:11px;
	color:000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    white-space: nowrap;
    font-family: Tahoma;
    background-color:#FFFFFF;
    text-decoration:none;        
}

/* The userinput style renders text monospace.Use this style to highlight text that a user 
   types into a text field.  */
span.userinput {
	font: 100% Courier New Courier mono;
	font-family: "Courier New", monospace;
}

/* Standard HTML tags. */
ul,
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: none;
	margin-top: 0em;
	margin-bottom: 0em;
}

/* Standard HTML tag. */
ol {
	list-style-type: 1;
	margin-left: 2em;
}

/* Standard HTML tag. */
ul {
	list-style-type: disc;
	margin-left: 1.5em;
}

#hometext ul {
	margin-bottom: 10px;
	margin-left: 1.5em;
	padding: 0;
}

/* Standard HTML tag. */
li {
	margin-top: .8em; 
	margin-bottom: 0em;
}

a:link {
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}

a:active {
	text-decoration: underline;
}

a:visited {
	color: #0066cc;
}



div.footer {
}

.buttonclass
{
	font-size:10px;
	height:20px;
}

.formclass
{
	font-size:10px;
	height:18px;
}

#footer
{
	width:100%;
	margin-top: 20px;
	text-align: center;
}

/* These styles are used by the Workshop search results page */

.search-node {
	font-size:10px;
	color:000000;
}

a.search-node {
	font-size:10px;
	color:000000;
}

.tutorial-task {
	background-color: #D9E4F2;
	border: 1px solid #999999;
	clip:      rect(auto auto auto auto);
	padding-bottom: 15px;
	padding-left: 35px;
}
/* Javadoc styles -- to help the Javadoc output look good. */

/* Table colors */
.TableHeadingColor { background: #CCCCFF } /* Dark mauve */
.TableSubHeadingColor  { background: #EEEEFF } /* Light mauve */
.TableRowColor         { font-size:120%; background: #FFFFFF } /* White */

/* Font used in left-hand frame lists */
.FrameTitleFont   { font-family: Helvetica, Arial, sans-serif }
.FrameHeadingFont { font-family: Helvetica, Arial, sans-serif }
.FrameItemFont    { font-size:120%; font-family: Helvetica, Arial, sans-serif }

/* Navigation bar fonts and colors */
.NavBarCell1    { background-color:#EEEEFF;} /* Light mauve */
.NavBarCell1Rev { background-color:#00008B;} /* Dark Blue */
.NavBarFont1    { font-size:140%; font-family: Arial, Helvetica, sans-serif; color:#000000;}
.NavBarFont1Rev { font-size:140%; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;}

.NavBarCell2    { font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
.NavBarCell3    { font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF;}