/*
CSS INDEX - BASICALLY GOES FROM TOP TO BOTTOM 
THE WHOLE SITE IS BASICALLY A LARGE TABLE STRUCTURE 
THE EDITME MENU IS THE TOPMOST ELEMENT, ABOVE THE MAIN TABLE
 #menu = editme menu
 #m = primary table

TRAVERSING THE ROWS OF THE MAIN TABLE...
THE FIRST ROW IS THE 'HEADER AREA'
 #hdlogo = left 'header' area where appligent logo is 
 #hd = right 'header' area 
 #hd h1 = the upper right header text! 
 #hd #upnav = 'contact us, etc.' in upper right
 #hd #searchblock = search form location 

THE 2ND ROW IS THE PRIMARY NAVIGATION, WHICH CARRIES AN
INNER TABLE (THE BUTTONS)
 #topnav = the main upper navigation table
 (each button is a td in that table)

THE 3RD ROW OF THE 'M' TABLE IS WHERE THE CONTENT REALLY BEGINS
(HOME PAGE LAYOUT HAS A SINGLE TD)
(SECTION/PAGE LAYOUTS HAVE TWO TDS)
 #sidenav = left side navigation block
 #sc = content area of the 'section' pages
 [USE sc01 as unique string]
sc01 = section
sc01h = section headings
sc01p = section paragraphs
sc01table = section table styles
 
 #c = content area of the 'page' level pages
 [USE c02 as unique string]
 !! more details about content styles below...
c02 = base content area styles
c02head = content area headings
c02p = content area paragraph
c02list = content list items
c02special = the unusual stuff/source code
c02table = content table styles
c02bread = content breadcrumb styles
c02home = home page content table

THE 4TH ROW IS THE FOOTER CONTENT (footer100811, I believe)
 #cabinet = hidden 'hiding area' for HTML that Javascript can access
 #footerblock = the main 'footer' content area
 (in footerblock is the script tag for the billboard)
 (footerblock contains an inner table)
*/

/*
Back to the content handling in the '3rd row'...
- For the Home page layout:
 #hometable = an inner Table set up in the content of 'home'
 (hometable has two rows)
 #bbstage = block for the huge billboard in a single TD
 (hometable has seven columns...)
 #leftcolumnhome = area for rounded items on home page
 (other columns contain content or are spacer columns)

- For Section page layout:
(section content is in the 'sc' block, so each section page's
'content' is unique to that page)

- For Page page layout:
(content is in the 'c' block)
*/


/* BODY STYLES FOR ENTIRE PAGE: FONT, BASE FONT SIZE, BKGD COLOR */
body {
font-family: Arial,Helvetica, sans-serif;
font-size: 12px;
/* background-color: #c4d3c6; was #D0D1D3 prior to 12-29-2010 */
background-color: #ffffff; /* was #c4d3c6 prior to 04-27-2011 */
}

/* JUST ABOUT EVERYTHING IS SET WITHIN A SINGLE MAIN ('M') TABLE */
/* notation of 1050 pixel width? notation of #AAAAAA border color */
#m {
background-color: #ffffff;
padding-bottom: 4px;
width: 960px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* BEGIN #MENU STYLES - FOR THE EDITME MENU, IN CASE YOU'D LIKE
TO UPDATE OR CHANGE THEM */
#menu {
font-size: 10px;
}
#menu th {
font-weight: bold;
letter-spacing: 1px;
text-align: center;
background-color: #eaeaea;
border: solid #cccccc 1px;
border-bottom: none;
padding-top: 1px;
} 
#menu td {
background-color: #eaeaea;
border: solid #cccccc 1px;
padding-top: 2px;
padding-bottom: 1px;
}
#menu td:hover {
border: solid #cccccc 1px;
}
#menu td a {
background-color: #ffffff;
padding: 1px;
margin: 1px;
text-decoration: none;
padding-bottom: 0px;
color: #555555;
font-weight: bold;
}
#menu td a:hover {
text-decoration: none;
font-weight: bold;
color: #006633;
}
/* END EDITME MENU STYLES! */

/* BEFORE MAIN TABLE IS THE 'SKIP NAV' LINK */
#skipblock {
background-color: #ffffff; /*was #c4d3c6;*/
}
#skipnavlink {
color: #888888;
text-decoration: none;
font-size: 4px;
}
/* m/skipcell/skipnavlink */

/* THE 'TOP ROW' OF THE MAIN TABLE HOLDS THE UPPER LEFT APPLIGENT
LOGO AND UPPER RIGHT CONTROL/NAV MATERIAL. BOTH USE THE SAME 
BACKGROUND GRADIENT IMAGE */

#m #hd, #m #hdlogo {
background-color: #ffffff;
background-image: url('http://www.appligent.com/files/index/upper-background-1.jpg');
background-repeat:repeat-x;
border-top: solid #AAAAAA 1px;
}
#m #hdlogo {
border-left: solid #AAAAAA 1px;
}
#m #hd {
border-right: solid #AAAAAA 1px;
}
#m #hdlogo #smallupperlogo2 {
width: 120px;
height: 100px;
border: none;
}
#m #hd h1 {
font-size: 16px;
color: #4D4E50;
text-align: right;
margin-bottom: 0px;
margin-right: 12px;
}
#m #hd #upnav {
text-align: right;
font-size: 11px;
font-weight: bold;
margin-top: 0px;
padding-top: 0px;
margin-right: 12px;
margin-top: 8px;
color: #BCC5C2;
}
#m #hd #upnav a {
color: #555555;
text-decoration: none;
margin-left: 14px;
}
#m #hd #upnav a:hover {
text-decoration: none;
color: #006633;
}
/* UPPER RIGHT SEARCH BOX */
#m #searchblock {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
color: #484B4B;
margin-right: 14px;
margin-top: 10px;
}

/* HIDE THE LABEL! */
#m #searchblock label {
display: none;
}
/* SEARCH INPUT FIELD */
/* note rounded corner code below */
#m #searchblock input {
border: solid #C6C4C5 1px;
padding: 2px;
color: #4c4c4c;
border-top-width: 2px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
 -webkit-border-radius: 3px;    /* for Safari */
 -moz-border-radius: 3px;       /* for Firefox */
}

/* UPPER HORIZONTAL NAV 'BUTTONS' - PRIMARY NAVIGATION !!! */

#uppernavrow {
border-left: solid #AAAAAA 1px;
border-right: solid #AAAAAA 1px;
}
/* 'topnav' is a distinct table set within the main table... */
#m #topnav {
background-color: #ffffff;
}
/* the 'buttons' are actually cells of this inner table... */
#m #topnav td {
background-color: #C0C9C6;
border: solid #D2D6D5 1px;
background-image: url('http://www.appligent.com/files/index/top_menu_bkgd2.jpg');
background-repeat: repeat-x;
}
/* the actual links are merely decorated text links... */
#m #topnav td a {
color: #424345;/*#4C4D4F;*/
text-decoration: none;
font-size: 16px;
text-shadow: #eaeaea 0px 1px 1px;
}
#m #topnav td a:hover {
color: #ffffff;
text-shadow: #4c4c4c 0px 1px 1px;
}
/* END UPPER NAV 'BUTTONS' */

#contentsection {
border-left: solid #AAAAAA 1px;
border-right: solid #AAAAAA 1px;
}

/* BELOW IS THE LEFT SIDEBAR - SECONDARY NAVIGATION !!! */
/* 'sidenav' is a cell in the 'main' table (id 'm')... */

/* this describes the general area of the sidebar... */
#m #sidenav {
/*display: block;*/
background-color: #FBF7E1;
border: solid #FEFCEF 1px;
padding: 0px;
width: 200px; /*330px;*/ /* was 320 */
padding-top: 2px; /* was 6 */
border-left: solid #AAAAAA 1px;
}

/* ### 9/14/2010 - NEW SIDE NAVIGATION BOX AND LISTS USING EDITME 'TREE' ### */
/* 9/27/2010 - added PARENTBOX for the parent link */
#m #sidenav #parentbox {
/*border: solid #cccccc 1px; text-align: center;*/
margin-bottom: 4px;
margin-top: 0px; /*10px;*/
}
#m #sidenav #parentbox a { 
color: #4c4c4c;
font-weight: bold;
text-decoration: none;
margin-left: 10px;
}
#m #sidenav #parentbox a:hover {
color: #006633; 
}

/* ADDITIONAL CONTAINING BOX */
/* Even though the border isn't visible (same color as the background of the parent),*/
/* It can enforce a 'box' display which might assist the CSS with the list within */
#m #sidenav #navlist {
border: solid #FBF7E1 1px;
margin: 10px;
margin-left: 2px;
margin-top: 0px;
padding-top: 0px; /* 9/27/2010 */
}
/* THE 'U-LIST' TAG - CONTROLS BULLET CHOICE AND SOME SPACING */
#m #sidenav #navlist ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
padding-top: 0px;
-webkit-padding-start: 0px; /* default was 40px */
margin-top: 0px;
}
/* THE 'LI' TAG - THE MARGIN-LEFT IS THE 'SPACING' FOR TWEAKING */
#m #sidenav #navlist li {
margin-left: 10px;
padding-left: 0px;
margin-top: 4px; /* was 4px */ 
margin-bottom: 4px;
font-weight: bold;
border: solid #FBF7E1 1px;
display: block;
padding: 1px;
margin-top: 3px;
margin-bottom: 3px;
/* NOTE: margin-top has slightly different visual effect than margin-bottom (which I usually prefer) */
}

/* ORGTREE WAS HERE!  */

/* three entities: the parent, the page, and the children are
described in H tags - they share some common attributes...*/
#m #sidenav h1, #m #sidenav h2, #m #sidenav h3 {
margin-left: 6px; /*14px;*/
text-align: left;
margin-bottom: 0px;
}
/* The 'parent' item is in capital letters due to 
the text transform shown below... */
#m #sidenav h1 a {
color: #444444;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
} 
#m #sidenav h1 a:hover {
color: #006633;
}

/* The 'page' identity is green and appears
bold by default (because it's an H tag) */
#m #sidenav h2 {
color: #006633;
font-size: 15px;
margin-bottom: 0px;
}
/* For the 'children' page links, we switch to 
normal font weight, but be careful with changing
things like line-height, margins, padding - if changes
are needed, make sure to test in FF, Safari and IE due
to differences in the box model of different browsers... */
#m #sidenav h3 {
font-weight: normal;
font-size: 12px;
line-height: 16px; 
margin-top: 6px;
padding-top: 0px;
margin-bottom: 40px;
padding: 2px;
} 
#m #sidenav h3 a {
display: block;
color: #444444;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
border: solid #FBF7E1 1px;
margin-top: 0px;
margin-bottom: 4px;
}
#m #sidenav h3 a:hover {
color: #006633;
background-color: #ffffff;
border-color: #F9E2BE;
}


.green_rounded .tpdfnote strong {
color: #ffffff;
}
.rounded_box h1 {
font-style: italic;
font-size: 16px;
}
#pdfnewsbox {
color: #636468;
font-size: 10px;
}

/* newsboxhead was moved from here */

#pdfnewsbox table {
margin-left: 6px;
}
#pdfnewsbox table td {
text-align: left;
}
#pdfnewsbox table td a {
color: #006633;
font-size: 12px;
}

/* privacyfoot was moved from here */


/* ####### footer stuff ######### */



#pagefooter {
margin-top: 50px;
}
#pagefooter #leftfoot {
font-size: 12px;
text-align: left;
color: #636466;
}
#pagefooter #rightfoot {
font-size: 11px;
text-align: right;
color: #636466;
}
#blogblock p  {
margin-left: 10px;
margin-right: 10px;
line-height: 18px; 
}
#blogblock p strong a  {
color: #555555;
font-size: 12px;
font-style: italic;
font-weight: bold;
/*font-variant: bold;*/
font-family: Helvetica,Arial,sans-serif;
text-decoration: none;
text-shadow: #9F9E98 0px 1px 1px; 
}
#blogblock p strong a:hover {
color: #006633;
}
#blogblock p span {
line-height: 14px;
}

/* ### HOME PAGE TABLE STYLES ### */
/* ## also used in SECTION pages (heading styles) ## */

#hometable  {
 margin: 6px; 
border: solid #ffffff 1px; 
color: #333333; /*#777777;*/
font-size: 12px;
margin-top: 0px;
border-top: none;
}

#hometable h2, #sc h2, #sc h3 {
font-size: 14px;
color: #636466;
}
#hometable td p a, #hometable td h2 a, #sc h2 a, #sc h3 a {
color: #555555;
font-weight: bold;
text-decoration: none;
}
#hometable td p a:hover, #hometable td h2 a:hover, #sc h2 a:hover, #sc h3 a:hover {
color: #006633;
font-weight: bold;
text-decoration: none;
}

/* horizline was moved from here */

#hometable #compcenter {
margin-top: 6px;
line-height: 16px;
}
#hometable #compcenter a {
color: #BA3F30;
font-size: 14px;
text-decoration: none;
}
#hometable #compcenter a:hover {
color: #000000;
}

/* ### FOOTER STYLES ### */

#footersection {
border: solid #AAAAAA 1px;
border-top: none;
}
#footerblock table th {
text-align: left;
color: #268550;
font-size: 14px;
}
#footerblock table td {
text-align: left;
color: #333333;
font-size: 11px;
line-height: 15px;
}
#footerblock table td a {
color: #555555;
text-decoration: none;
}
#footerblock table td a:hover {
color: #006633;
text-decoration: none;
}
#footerblock table #copyright {
color: #4c4c4c;
font-size: 11px;
text-align: left;
font-weight: bold;
}
#footerblock table  #badges {
text-align: right;
font-size: 11px;
}
#footerblock table #badges a {
text-decoration: none;
color: #4c4c4c;
font-weight: bold;
}

/* ### LEFT NAV FOR SECOND LEVEL PAGES ### */

#leftnav {
background-color: #FBF7E1;
border: solid #FFFFFF 1px;
}

/* ######################## */
/*
- cross browser zeroes removed
- body removed except for bk and fg colors
- entire editme toolbar removed
- entire upper toolbar removed
- header image block styles removed
*/
/* CROSS BROWSER */
*
{ /*margin: 0px; padding: 0px;*/}

/* BODY */
body
{
color: #333333;
}

/* NAVIGATION BLOCK */
#m #nb
{
width: 918px;
height: 14px;
background-color: #006633;
padding-bottom: 2px;
padding-top: 2px;
}
#m #nb ul
{
list-style-type: none;
font-size: 11px;
font-weight: bold;
}
#m #nb ul li
{
width: 148px;
float: left;
}
#m #nb ul li ul
{
display: none;
border: solid black 1px;
}
#m #nb ul li:hover
{}
#m #nb ul a
{
/*color: #FFFFFF;*/
text-decoration: none;
font-weight: bold;
}
#m #nb ul a:hover
{
color: #000000;
}
#m #nb ul li ul li
{
border-width: 0px;
display: block;
width: 146px;
background-color: #006633;
}
#m #nb ul li:hover > ul
{
display: block;
position: relative;
top: 2px;
}
/* NEW NAV STYLES */
/* Scott, where is this stuff deployed? */

#nb
{
margin-left: auto;
margin-right: auto;
width: 918px;
}
#nb ul
{
background-color: #006633;
margin-left: auto;
margin-right: auto;
list-style-type: none;
}
#nb ul li
{
width: 148px;
float: left;
padding-top: 4px;
}
#nb ul li ul
{
display: none;
list-style-type: none;
}
#nb ul li:hover
{}
#nb ul a
{
color: #E0E0E0;
text-decoration: none;
font-weight: bold;
}
#nb ul a:hover
{
color: #000000;
}
#nb ul li ul li
{
display: block;
width: 146px;
background-color: #006633;
padding: 4px;
}
#nb ul li:hover > ul
{
display: block;
position: relative;
top: 2px;
}
#adsnavblock ul li ul li a
{
 padding: 4px;
}
#nb ul li
{}

/* TINYMCE */
.mceContentBody textarea #pagecontent
{
font-size: 14px;
}
/* MAIN PAGE STYLES */
/* all headings font */
h1, h2, h3, h4, h5
{
font-family: Arial,Helvetica,sans-serif;
}
 
/* IMAGE LINK STYLE */
a img
{
border-width: 0px;
}

/* PAGE TITLE (H1)
(used by EditMe system) top margin to space out from nav */
#m h1
{
font-size: 24px;
color: #333333;
line-height: 30px;
/*44*/ margin-top: 20px;
}
 


/* LAST MODIFIED */
#m #lastmod
{
font-family: Helvetica,Arial,sans-serif;
text-align: left;
font-size: 10px;
color: #787878;
background-image: url('files/index/mintbkgd3.gif');
background-position: center bottom;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
border-bottom: solid #006633 1px;
margin-bottom: 0px;
padding-bottom: 2px;
padding-left: 8px;
}
/* FOOTER BLOCK */
#m #footer
{
text-align: center;
background-color: #FFFFFF;
/*Verdana*/
font-family: Helvetica,sans-serif;
font-size: 11px;
margin-top: 0px;
margin-bottom: 0px;
}
#m #footer table
{
}
#m #footer table td
{
padding-left: 10px;
padding-right: 10px;
}
#m #footer p
{
margin-bottom: 6px;
}
#m #footer a
{
font-weight: bold;
color: #339900;
text-decoration: none;
}
#m #footer #ftline img
{
margin-bottom: 10px;
}
/* ADMIN STYLES */
#adminBody {
margin-top:16px;
background: #9bc7de;
font: 12px "Lucida Grande", Geneva, Verdana, sans-serif;
color: #777;
line-height: 20px;
}
#adminBody p, #adminBody td, #adminBody li, #adminBody div
{
}
#adminMainTable {
border: 1px solid #777;
background-color: #fcfaf6;
margin-top: 0px;
}
#adminMainCell {
background-color: #ffffff;
}

/* adminHR moved from here */

#adminMenuContentBlock {
}

/* Editor Body */
.mceContentBody {
margin: 10px;
background-color: white;
color: #777;
text-align: left;
}
.mceContentBody p, .mceContentBody td {
font-size: 10px;
}
pre, .mceContentBody pre, #pagecontent {
}
#adminBody #adminTabs
{
display: block;
width: 800px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
}
/* Duff, don't delete the path below (it's commented out) */
/* #adminBody #adminMainTable #adminMainCell #adminMenuContentBlock #contentPanel h2 */
#adminMainTable td
{
margin: 0px;
padding: 0px;
}
/* all styles below have font-sizes reduced 2px;
*/
.mceContentBody h1
{ font-size: 20px;
color: #006633;
}
 
.mceContentBody h2
{ font-size: 18px;
color: #006633;
}
.mceContentBody h3
{ font-size: 16px;
color: #006633;
}
.mceContentBody h4
{ font-size: 14px;
color: #006633;
}
.mceContentBody h5
{ font-size: 12px;
color: #006633;
font-style: italic;
}
.mceContentBody p
{ font-size: 10px;
color: #333333;
}
/* Admin screen styles: */
#adminBody {
background: #9bc7de;
font-size: 12px;
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
color: #777;
}
#adminBody p, #adminBody td, #adminBody li, #adminBody div {
font-size: 14px;
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
}
#adminMainTable {
border: 1px solid #777;
background-color: #fcfaf6;
}
#adminMainCell {
padding: 18px;
background-color: #ffffff;
}
#adminMenuTable {
}
#adminMenuRow {
}
#adminMenuLeftCell {
}
#adminMenuRightCell {
}
#adminMenuSpacerRow {
}

#adminMenuContentBlock {
}

 
/* Editor Body */
.mceContentBody {
background-color: white;
font-size: 12px;
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
color: #777;
line-height: 16px;
text-align: left;
}
.mceContentBody p, .mceContentBody td {
font-size: 12px;
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
/*margin: 0 0 14px 0;*/
}
pre, .mceContentBody pre, #pagecontent {
font-size: 12px;
font-family: Monaco,"Courier",mono,sans-serif;
}
#pagecontent ul li {
margin-left: 5px;
padding-left: 5px;
}
#pagecontent h1, #pagecontent h2, #pagecontent h3, #pagecontent h4, #pagecontent h5, #pagecontent p, #pagecontent li 
{ margin: 10px;
padding: 10px;
}
/* IE 6 AND LEGACY BROWSER STYLES */
#m #nbx td div
{
border: solid #006633 1px;
}
#m #nbx td a
{
color: #ffffff;
text-decoration: none;
font-size: 11px;
font-weight: bold;
padding-left: 2px;
padding-bottom: 2px;
}
#m #nbx td a:hover
{
color: #006633;
}
/* ATTEMPTING FIXES FOR TINYMCE VOODOO */
.mceWrapper mceResizable mceMovable mceFocus
{
font-size: 10px;
line-height: 10px;
}
#adminMainCell
{
background-color: #ffffff;
}

/* TINYMCE RICH TEXT EDITOR STYLES BELOW */
#tinymce
{
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;
}
#tinymce h2
{
font-size: 18px;
color: #006633;
margin: 6px;
}
#tinymce h3
{
font-size: 16px;
color: #006633;
margin: 6px;
}
#tinymce h4
{
font-size: 14px;
color: #006633;
margin: 6px;
}
#tinymce h5
{
font-size: 12px;
color: #006633;
margin: 6px;
font-style: italic;
}
#tinymce p
{
font-size: 12px;
color: #333333;
margin: 6px;
}
#tinymce li
{
margin: 6px;
margin-left: 12px;
padding-left: 10px;
}
/* W3C Valid Icon */
#w3cicon
{
height: 32px;
width: 300px;
float: right;
margin-top: 3px;
text-align: right;
}

/* SOURCE CODE STYLINGS */

#hib
{
/*border: solid #006633 1px;*/
}

#footer
{
/*border: solid #006633 1px;*/
margin-top: 0px;
padding-bottom: 0px; margin-bottom: 0px;
display: block;
}

#m h1, #m h2, #m h3, #m p
{
margin: 6px;
}
#footer #ftline
{
margin: 0px;
padding: 0px;
}
#w3cicon
{
padding-top: 0px;
margin-top: 0px;
margin-bottom: 2px;
}

/* ### MODIFIED 8/10/2010 ### */
#pagetitle
{
/*padding-top: 20px;*/
}

/* NEW HEADER MATERIAL 090814 */
/* Scott - what is this section? Also see background-image - dependency issue? */

#hb2 {
width: 922px;
height: 144px;
/* 144 */
margin-left: auto;
margin-right: auto;
background-image: url('/files/090814/bkgd2.jpg');
margin-top: 2px;
display: block;
}
#hb2 #hb2table
{
display: block;
}
#hb2 #hb2logo {
width: 230px;
/*162px;*/
height: 144px;
/*139px;*/ /*140px;*/
/*margin-top: 2px;*/
border: none;
}

/* upperbar moved from here */

#hb2 #leftupperbar {
width: 20px;
}
#hb2 #tagline {
font-size: 16px;
color: #006633;
font-weight: bold;
height: 70px;
vertical-align: bottom;
}
#hb2 #searchblock2 {
text-align: right;
vertical-align: top;
padding-top: 5px;
}
#hb2 #searchblock2 input {
font-family: Arial,Helvetica,sans-serif;
border: solid #9BCCB3 2px;
font-size: 11px;
font-weight: bold;
padding: 1px;
}
#hb2 #searchblock2 #gobutton {
vertical-align: bottom;
margin-right: 14px;
margin-bottom: 1px;
border: none;
}
#adsnavblock ul {
margin-left: 6px;
font-size: 11px;
}
#adsnavblock ul li ul {
margin-left: 0px;
}
#adsnavblock a
{
font-weight: normal;
}
#adminBody #adminMainTable #adminMainCell
{
padding: 4px;
}


/* ### NEWER STYLES ### */
#smallduff {
width: 60px; 
height: 62px; 
/* border: solid #4c4c4c 1px; */
float: left; 
margin-right: 8px;
}

/* tintedbackground moved from here */



#comments .main_right img {
border: solid #eaeaea 1px;
}


/* sc01 */
/* ####### section content styles ##### */

#sc { 
color: #626365; 
font-size: 12px; 
line-height: 15px; 
vertical-align: top;
border-right: solid #AAAAAA 1px;
}

/* sc01h = section headings */
#sc  h1 { 
color: #333333; 
font-size: 18px; 
margin-bottom: 0px; 
padding-bottom: 0px;
line-height: 20px;
}
#sc h2, #sc h3 {
color: #333333;
padding-top: 0px;
margin-top: 10px;
}
#sc h2 { 
color: #333333;
font-size: 16px; 
}
#sc h3 {
color: #333333;
font-size: 14px;
}

/* sc01p = section paragraphs */
#sc p {
}
#sc p a {
font-weight: bold;
color: #444444;
text-decoration: none;
}
#sc p a:hover {
color: #006633;
text-decoration: none;
}



/* ####### content styles ############# */

/* c02 */
#c {
width: 760px;
font-family: Arial,Helvetica,sans-serif;
height: inherit;
vertical-align: top;
font-size: 12px;
color: #555555;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
border-bottom: none;
border-right: solid #AAAAAA 1px;
}


#c a {
color: #444444;
font-weight: bold;
text-decoration: none;
margin-top: 2px;
margin-bottom: 2px;
}

#c a:hover {
color: #006633;
font-weight: bold;
text-decoration: none;
}

#c a:visited
{
color: #444444;
}

/* c02head = CONTENT HEADINGS */
#c div div h1
{
font-size: 24px;
color: #333333;
line-height: 30px;
margin-top: 4px;
}

#c h1 a:hover {
color: #444444;
}

#c h2
{
font-size: 18px;
color: #333333;
line-height: 22px;
margin-bottom: 6px;
margin-top: 7px;
}
#c h3
{
font-size: 16px;
color: #333333;
line-height: 20px;
margin-bottom: 6px;
margin-top: 7px;
}
#c h4
{
font-size: 14px;
color: #435C82;
line-height: 18px;
margin-bottom: 6px;
margin-top: 6px;
margin-left: 6px;
}
#c h5
{
font-size: 12px;
color: #435C82;
line-height: 16px;
margin-bottom: 6px;
margin-top: 6px;
margin-left: 10px;
font-style: italic;
}

/* c02p = CONTENT PARAGRAPHS */
#c p {
margin: 7px;
font-size: 12px;
line-height: 16px;
margin-top: 6px;
margin-bottom: 7px;
}
#c p a:hover
{
color: #006633;
}

/* c02list = PAGE LISTS */
#c ul, ol
{
font-size: 12px;
padding-left: 5px;
padding-right: 15px;
}
#c ul
{
margin-left: 5px;
padding-left: 15px;
}
#c ol
{
margin-left: 5px;
}
#c ul li, ol li
{
margin-bottom: 4px;
}
#c li ol, #c li ul
{
margin-left: 20px;
}
/* SPECIAL!!! THE STYLE BELOW MAY OVERRIDE
THE ABOVE BUT MAY HAVE DIFFERENT 'CHEMISTRY'
WITH DIFFERENT BROWSERS!!! */
#c li {
margin-left: 10px;
}

/* BLOCKQUOTES */ 
#c blockquote
{
margin-top: 6px;
margin-bottom: 6px;
padding-left: 20px;
padding-right: 20px;
}

/* c02special = PAGE SPECIAL STYLES */
#c .h4-docs
{
font-size: 16px;
color: #006633;
line-height: 26px;
margin-bottom: 6px;
margin-top: 16px;
margin-left: 6px;
}
#c .sourcecode
{
font-family: "Courier New", Courier, Monaco, monospace,sans-serif;
font-size: 12px;
color: #080808;
padding-left: 20px;
padding-right: 20px;
}
#c .sourcecode-inline
{
font-family: "Courier New", Courier, Monaco, monospace,sans-serif;
font-size: 12px;
color: #080808;
}
#c .upcode
{
font-family: "Courier New", Courier, Monaco, monospace,sans-serif;
font-size: 12px;
color: #006600;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
}
#c .upcode-inline
{
font-family: "Courier New", Courier, Monaco, monospace,sans-serif;
font-size: 12px;
color: #006600;
font-weight: bold;
}
#c .note
{
font-size: 12px;
color: #080808;
font-weight: bold;
}
#c .highlightRED
{
color: #cc3333;
font-weight: bold;
}
#c .highlightBLUE
{
color: #435C82;
font-weight: bold;
}
.highlightBLUE2
{
color: blue;
}
#c .upversion
{
color: #006600;
}

/* c02table = PAGE TABLES */
#c table
{
font-family: Arial,Helvetica,sans-serif;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#c table td
{
padding: 0px; /* was 4px ? */
margin: 0px;
padding-top: 0px;
}

#c table .thead
{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #181818;
font-weight: bold;
background-color: #d0d0d0;
height: 30px;
border: solid #000000 1px;
padding: 2px;
}
#c table .thead-nb
{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #006633;
font-weight: bold;
background-color: #d0d0d0;
height: 26px;
padding: 2px;
}
#c table .tcell-lt, #c table .tcell-dk
{
border: solid #000000 1px;
padding: 2px;
}
#c table .thead-row
{
font-size: 12px;
color: #383838;
font-weight: bold;
border: solid #000000 1px;
padding: 2px;
}
#c table .thead-row-zebra
{
font-size: 12px;
color: #383838;
font-weight: bold;
border: solid #000000 1px;
background-color: #B8B8B8;
padding: 2px;
}
/* individual -LT and -DK definitions are below */
#c table .tcell-lt
{
border: solid #000000 1px;
}
#c table .tcell-dk
{
border: solid #000000 1px;
background-color: #e0e0e0;
}

/* watch for the width CSS below! */
#c table .thone {
vertical-align: top;
width: 5%;
background-color: #666666;
text-align: center;
color: #ffffff;
}

/* c02bread = BREADCRUMB STYLES */
#c .breadcrumbs
{
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #993333;
font-style: italic;
}


/* c02home = HOME PAGE 3 COLUMNED LAYOUT */
#c .homecol
{
width: 296px;
height: 160px;
float: left;
display: block;
/*background-color: #eaeaea;*/
margin-bottom: 40px;
}
#c .homecol h2
{
border: solid #BEBEBE 1px;
margin-top: 0px;
padding-top: 0px;
background-color: #D0D0D0;
padding-bottom: 10px;
}
#c .homecol h2 img
{
width: 40px;
height: 44px;
float: left;
margin-left: 4px;
margin-right: 10px;
}
#c .homecol h2 a
{
font-size: 18px;
line-height: 22px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

#c .srcblock
{
background-color: #f8f8f8;
border: solid #eaeaea 1px;
padding: 4px;
margin: 4px;
}
#c .srcblock .srcinside
{
color: #333333;
}

#c .IndentBulletsNexttoDivs
{
margin-left: 216px;
}
#c .IndentBulletsNexttoDivsPlus
{
margin-left: 270px;
}

#c .highlightBLUE, #sc .highlightBLUE
{
color: #435C82;
font-weight: bold;
}

/* BELOW MOVED ON 11/22/2010 */


#m #sidenav #navlist .orgtree_li_sel {
border: solid #E5E5E3 1px;
}

/* BELOW ARE EDITME IDENTIFIERS - NULLIFYING THEIR SPACING INFLUENCE */
#m #sidenav #navlist orgtree, #m #sidenav #navlist tree_nav {
padding-left: 0px;
margin-left: 0px;
}
/* HYPERLINKS IN THE LIST */
#m #sidenav #navlist li a {
text-decoration: none;
color: #555555;
font-weight: normal;
border: solid #FBF7E1 1px;
}
#m #sidenav #navlist li a:hover {
font-weight: bold;
color: #006633;
}

#sidenav .orgtree_li_sel {
background-color: #FEFCF0;
border: solid #E5E5E3 1px;
border-radius: 2px;
 -webkit-border-radius: 2px;    /* for Safari */
 -moz-border-radius: 2px;       /* for Firefox */
}

#navlist .orgtree_li_sel {
border-color: #4c4c4c;
}

/* In the sidebar are rounded elements for the callouts */
.rounded_box {
margin: 10px;
padding: 0px;
background-color: #FEFCF0;
color: #4c4c4c;
border: 1px solid #E5E5E3; 
border-bottom-color: #C6C6C6; 
border-bottom-width: 2px;
border-radius: 10px;
-webkit-border-radius: 10px; /* for Safari */
-moz-border-radius: 10px; /* for Firefox */
}
.sidebarbox {
padding: 6px;
}

.rounded_box a, .sidebar box a {
color: #555555;
text-decoration: none;
}
.rounded_box a:hover, .sidebar box a:hover {
color: #006633;
text-decoration: none;
}

.green_rounded {
margin: 0px;
padding: 2px;
padding-top: 8px;
padding-bottom: 8px;
background-color: #25844C;
border: 1px solid #D5D6D8;
border-radius: 10px;
-webkit-border-radius: 10px; /* for Safari */
-moz-border-radius: 10px; /* for Firefox */
font-size: 11px;
color: #C0DFCF;
line-height: 16px;
}
.green_rounded .bigfunky {
font-family: "Comic Sans MS", Arial, cursive, serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
font-style: italic;
letter-spacing: 1px;
line-height: 20px;
}
.green_rounded .tpdfnote {
margin-top: 10px;
}

#pdfnewsbox .newsboxhead {
font-family: Arial,Helvetica,sans-serif;
margin: 8px;
font-size: 13px;
font-weight: bold;
text-shadow: #777777 0px 0px 0px;
}

#pdfnewsbox .privacyfoot {
text-align: center;
margin-bottom: 20px;
}
#pdfnewsbox .privacyfoot a {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #A46837;
font-weight: bold;
text-decoration: none;
}

#hometable td .horizline {
border-top: solid #E3E3E3 1px;
margin-top: 20px;
margin-bottom: 20px;
}




/* Edit Screen Page Properties */
.propertyBlock {
/* margin-top: 10px;*/
}
.propertyHelp {
padding-left: 7px;
/*margin-bottom: 20px;*/
 font-size:80%;
}
/* FOR SITE WORKPAGE */
.switem
{
height: 80px;
border: solid #cccccc 1px;
background-color: #F5F5F5;
padding: 6px;
overflow: auto;
color: #000000;
}

#hb2 .upperbar {
background-color: #006633;
font-size: 11px;
text-align: left;
height: 24px;
width: 84px;
}
#hb2 .upperbar a {
text-decoration: none;
color: #eaeaea;
font-weight: bold;
}
#hb2 .upperbar a:hover {
text-decoration: underline;
color: #ffffff;
}

.tintedbackground {
background-color: #D6DDE6;
border: solid #A8AEB7 1px;
}


/* sc01table = section table styles */
#sc table {
border-top: solid #eaeaea 1px;
}
#sc .leftcol { vertical-align: top; }
#sc .rightcol { vertical-align: top; }
#sc table .leftcol {
border-right: solid #eaeaea 1px;
width: 370px;
}
#sc table .leftcol p {
margin-right: 20px;
}
#sc table .rightcol h2, #sc table .rightcol h3, #sc table .rightcol p {
margin-left: 20px;
}

/* added 11/22/2010 */
/* BELOW ARE PATCHES TO ALIGN HOME/SECTION PAGES WITH REGULAR PAGES */

#contentsection #hometable h2, #contentsection #hometable td h2 a {
color: #333333;
font-size: 16px;
}

#hometable p {
line-height: 15px;
color: #626365;
}

#c .tplist {
margin: 0px;
padding: 0px;
margin-left: 20px;
}
#c .tplist ul {
margin: 6px;
margin-top: 4px;
margin-left: 0px;
}

/* special table styles */
.HowToSteps {
font-size: 12px;
}
.HowToSteps th {
background-color: #c4d3c6;
color: white;
text-align: center;
vertical-align: top;
}
.HowToSteps td {
vertical-align: top;
}

.HowToSteps th p, .HowToSteps td p {
margin: 6px;
}

.GreenBox {
margin-left: 30px;
background-color: #c4d3c6;
width: 350px;
border: 1px;
border-style: solid;
border-color: #303030;
padding: 5px;
}

.SmallText {
/*font-size: 10px;*/
font-size: 8pt;
line-height: 9pt;
}