﻿
body, td, th { font: small Arial,Helvetica,Verdana,sans-serif; color: #333; margin: 0px; }
body, th { background: #eee; }
a:link, a:visited { color: #FC9807; text-decoration: none; font-weight: bold; padding: 2px 2px; }
a:link:hover, a:link:active, a:visited:hover, a:visited:active { background: #FC9807; color: #fff; }
table, td, th { border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px; vertical-align: top; text-align: left; font-size: 1em; }
hr { width: 80%; height: 0px; border-top: 2px solid #FC9807; }

/**** images and images with links ****/
img, img.noBorder, .noBorder img, a img.noBorder, a .noBorder img, a:link img.noBorder, a:link .noBorder img, a:visited img.noBorder, a:visited .noBorder img { border: 0px; }
a img, a:link img, a:visited img { border: 2px solid #fff; }
a:hover img, a:active img { border-color: #FC9807; }
a.nobg, .nobg a, a.nobg:link, .nobg a:link, a.nobg:visited, .nobg a:visited, a.nobg:hover, .nobg a:hover, a.nobg:active, .nobg a:active { background: transparent; color: #FC9807; padding: 0em; }

/********************************
******** Template styles ********
********************************/

/**** miscellaneous styles ****/
#pageContainer { background: #fff; margin-bottom: 1.5em; }

/* remove padding and margins of lists */
#pageNavbar, #pageNavbar ul, #pageNavbar li, .submenu, .submenu ul, .submenu li, .pageSidebarItem ul.list, .pageSidebarItem ul.list li { padding: 0em; margin: 0em; }
/* bars */
#pageNavbar ul, #pageFooterContent { border: 1px #ccc; border-style: solid none; }
/* inactive menu item menu colors */
.submenu a, .submenu a:link, .submenu a:visited, #pageNavbar a, #pageNavbar a:link, #pageNavbar a:visited { background: #F5F5F5; color: #7E7F84; text-transform: lowercase; }
/*active menu item colors */
.submenu a:hover, .submenu a:active, #pageNavbar a:hover, #pageNavbar a:active { background: #FC9807; color: #FFF; }

/**** header ****/
#pageHead { padding: 1em 1em 0em; background: #eee; clear: both; height: 78px; }
a#plLogo { float: left; }
/* Slogan styles */
.plSlogan { float: right; font-weight: bold; font-size: 16px; line-height: 125%; margin: 8px; }
.sloganCreate, .sloganCapture, .sloganMaintain { float: left; text-transform: lowercase; }
.sloganAudience { clear: both; text-transform: uppercase; font-size: 208%; color: #bbb; }
.sloganCreate, .sloganMaintain { color: #FC9807; }
.sloganCapture { color: #7E7F84; }
/* primary navigation menu */
#pageNavbar ul { background: #F5F5F5; height: 35px; list-style-type: none; padding: 0em 1em; }
#pageNavbar li { float: none; }
#pageNavbar li.first a { border-left: 1px solid #ccc; }
#pageNavbar a, #pageNavbar a:link, #pageNavbar a:visited { display: block; float: left; border-right: 1px solid #ccc; padding: 0.3em 1em; text-transform: uppercase; font-size: larger; height: 25px; line-height: 25px; }
/**** middle of page ****/
#pageMiddle { background: #fff; }
#pageMiddleTop { clear: both; }
/* page functions larger cmaller print email etc.*/
#pageFunctions { float: right; margin-right: 2em; padding-top: 0.5em; }
#pageFunctions a { padding: 0em 0.1em; }
/* pathway */
#pathway { font-weight: bold; margin: 0.5em 1em; float: left; text-transform: lowercase; }
/* sidebar, sidebar items and testimonial */
#pageSidebarLeft { float: left; margin: 0em 1em 1em; clear: left; }
.pageSidebarItem, #testimonial { width: 150px; margin: 1em 0em; }
.pageSidebarItemFootFir, .pageSidebarItemHeadFir {padding-top: 8px;}
.pageSidebarItemContent, .pageSidebarItemFoot .leaflist, .testimonialContent { border: 1px #ccc; border-style: none solid; background: #F5F5F5; padding-left: 10px; }
.pageSidebarItemContentFir {padding-left: 10px; }
/*#opensource {}*/
.opensourcebox a:link, .opensourcebox a:active { background:#fff; color:#fff; }
.opensourcebox { border:0;  padding-left: 10px;  }
/* submenu */
.submenu ul { list-style-type: none; }
.submenu li { width: 148px; display: inline; }
.submenu li.text { width: 134px; padding: 3px; }
.submenu a, .submenu a:link, .submenu a:visited, .submenu li.text { display: block; margin-left: 8px; border-bottom: 1px solid #ccc; }
.submenu a, .submenu a:link, .submenu a:visited { padding: 0.3em 0.2em 0.3em 0.5em;  }
.submenu li.first a, .submenu li.first.text { border-top: 1px solid #ccc; }
/* testimonials */
#testimonial { width: 300px; float: right; margin-left: 1em; clear: right; }
.testimonialContent { padding-right: 10px; }
.testimonialContent h4 { margin: 0px; padding: 0px; font-size: 1em; }
/* content */
#pageContent { padding: 1em; margin-left: 165px; }
#pageContent ul { padding: 0em 0em 0em 3em; margin: 0em; }
#pageContent li { padding: 0px; margin: 4px 0px; }
/* blog */
#blog { margin-top: 2em; }
.blog-title { border: 1px solid #ccc; background: #F5F5F5; padding: 0.5em; }
.blog-title h2 { display: inline; font-size: 1.1em; margin: 0em; padding: 0em; }
.blog-intro { margin: 1em 1em 1em 3em; }
/**** footer of page ****/
#pageFooter { background: #eee ; padding-top: 10px; clear:both; }
#pageFooterContent { background: #F5F5F5; text-align: right; text-transform: lowercase; font-weight: bold; font-size: smaller; padding: 0.5em 2em;  }
#footerads { float: left; text-align: left; text-transform: lowercase; font-weight: bold; font-size: smaller; padding: 0 0 0 0; display: inline;}
#footerads p { display: inline; }
#pageFootSpacer { font-size: xx-small; height: 1px; }

/*********** content tags ********/
hr.spacer { background: none transparent; border: 0px none transparent; height: 2px; padding: 0.5em; color: transparent; }
.block { display: block; }
.inline { display: inline; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.txtcenter { text-align: center; }
.txtmiddle { text-align: center; vertical-align: middle; }
.txtright { text-align: right; }
.txttop { vertical-align: top; }
.txtbottom { vertical-align: bottom; }
.txtleft { text-align: left; }
.smaller { font-size: smaller; }
.larger { font-size: larger; }
.small { font-size: small; }
.large { font-size: large; }
.important { font-size: larger; font-weight: bold; }
.box, .fullwidthbox { border: 2px solid #FC9807; background-color: #FFFAE8; padding: 1em; }
.fullwidthbox { margin: 1em 10%; padding: 1em; }

/********** form html *********/
input:focus, select:focus, textarea:focus, .error { border: 2px solid #FC9807; background-color: #FFFAE8; padding:4px;}

/* fix for the 'Jump to...' select options in the forums */
#pageFunctions select:focus { border: 1px solid #FC9807 !important;}


#current a, #current a:link:hover, #current a:link:active, #current a:visited:hover, #current a:visited:active { background: #FC9807; color: #FFF; }
