/**********************************************************/
/* Copyright © 2005 IntegraSoft Inc. All Rights Reserved. */
/**********************************************************/

div.article
{
}

div.article .title
{
    text-decoration: underline;
    font-family: Verdana, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
}

div.section
{
    padding-top: 10px;
    padding-bottom: 10px;
}

div.section .title
{
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
}

div.section div.section .title
{
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

div.section .content
{
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 1em;
}

div.code
{
    padding: 5px;
    background-color: white;

    margin-left: 2em;
    margin-right: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}

code
{
    color: #005588;
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
}

code.block
{
	font-size: .9em;
}

span.path
{
	color: #008855;
    font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

.italic
{
    font-style: italic;
}

.bold
{
    font-weight: bold;
}

.underline
{
    text-decoration: underline;
}

div.faq span.q
{
    font-family: "Courier New", Courier, monospace;
    color: #007F00;
}

div.faq span.a
{
    font-family: "Courier New", Courier, monospace;
    color: #7F007F;
}


/******************************/
/*       Download table       */
/******************************/
table.download
{
    margin: 10px;
    width: 95%;
    font-family: Verdana, sans-serif;
    font-size: 1em;
}

table.download tr th
{
    background-color: #FFFFFF;
    border-bottom:1px solid black;
    padding: 2px;
    text-align: left;
}

table.download tr td
{
    vertical-align: top;
    padding: 2px;
    border-bottom: 1px solid white;
}

table.download tr
{ 
    background-color: #F0F0F0;
}



/**********************************************/
/* Syntax highlighting for XML, JSP, and HTML */
/**********************************************/
.markup
{
    color: #000000;
    font-family: "Courier New", Courier, monospace;
    font-size: .9em;
}

.markup .tag
{
    color: #7F007F;
}

.markup .attributeName
{
    color: #007F00;
}

.markup .attributeValue
{
    color: #0000FF;
}

.markup .comment
{
    color: #7F0000;
}

.markup .linenum
{
    color: #808080;
}

.markup .directive
{
	background-color: #ffffbf;
    color: #7F0000;
	font-weight:bold;
}

.markup .directive .tag
{
    color: #7F0000;
	font-weight:normal;
}

.markup .directive .attributeName
{
    color: #7F0000;
	font-weight:bold;
}

.markup .directive .attributeValue
{
    color: #0000FF;
	font-weight:normal;
}

.markup .directive .linenum
{
    color: #808080;
}

.markup .xmldeclaration
{
	font-weight:bold;
	color:#676767;
}

.markup .doctypetag
{
	font-weight:bold;
	color:#7f007f;
}

.markup .doctypename
{
	color:#007f00;
}

.markup .doctypescope
{
	font-weight:bold;
	color:#7f007f;
}

.markup .dtddesc
{
	color:blue;
}

.markup .dtdpath
{
	color:blue;
}

#container
{
    font-family: Verdana, sans-serif;
    font-size: 1em;
}

a, a:hover, a:link, a:visited, a:active
{
    color: #4A82D6;
    font-weight:bold;
}

a.black, a:visited.black, a:active.black
{
    color: #000000;
}

a:hover.black
{
    color: gray;
}

#articleFeatured
{
    width: 99%;
    float: left;
}

#article1
{
    clear: left;
    float: left;
    /* don't think this width 49% is correct */
    width: 32%;
    margin-right:5px;
}

#article2
{
    float: left;
    /* don't think this width 49% is correct */
    width: 32%;
    margin-left:5px;
    margin-right:5px;
}

#article3
{
    float: left;
    /* don't think this width 49% is correct */
    width: 32%;
    margin-left:5px;
}

div.article div.title p
{
    font-size: 1.2em;
    margin: 0em;
}
    
div.article div.author p
{
    font-size: 1em;
    margin: 0em;
}

div.article div.date p
{
    margin: 0em;
}
    
div.article div.summary p
{
    margin-top: 1em;
}
    
    
/* to change the 'Read More' link to an image, specify
 * a background image on the span and set the anchor
 * tag to 'display: none' */
div.article div.summary span.readMore
{
}

div.article div.summary span.readMore a
{
}


/* Floats the element to the left and adds a margin to the bottom and right of
 * the element; the image ad will be floated to the left of text, and we don't
 * want stuff butting up against it. Since all the image ads will be the same
 * size, we also size the element here. */
#imageAd
{
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	width:300px;
	height:250px;
}

/* Floats the element to the right and adds a margin to the bottom and the left
 * of the element; the skyscraper ad will be floated to the right of the text,
 * and we don't want the text butting up against it.  Since all the image ads
 * will be the same size, we also size the element here. */
#skyscraperAd
{
	clear: right;
	float: right;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:5px;
	width:125px;
	height:605px;
}

#linkUnit
{
	clear:both;
	width:100%;
	text-align:center;
}

#container
{
width: 78em;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
}

#top
{
background-color:#15477e;
}

#leftnav
{
float: left;
width: 10em;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
text-align:right;
width: 125px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 13em;
margin-right: 125px;
padding: 1em;
max-width: 120em;
}

#defaultPageContent
{
margin-right: 165px;
padding: 1em;
margin-bottom: 1em;
}

#footer
{
clear: both;
margin: 0;
margin-top:.5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
text-align:center;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#toc { font-size: smaller; }
#toc ol { margin-left: 0em; padding-left: 2em; }
#toc li { margin-left: 0em; padding-left: 0em; }

#monstercommerce {
    padding-bottom: 2em;
    text-align: center;
}

#pageNav {
    padding-bottom: 2em;
}

#pageNav #pageNavBackward {
    text-align: left;
    float: left;
}

#pageNav #pageNavBackward a {
   padding-right: .5em; 
}

#pageNav #pageNavForward {
    text-align: right;
    float: right;
}

#pageNav #pageNavForward a {
   padding-left: .5em; 
}

/*
 * Class definitions to modify the look 
 * of the Google AdSense links.
 *
 */