/*---===<<< UNIVERSAL STYLES >>>===---*/
* {
margin: 0;
padding: 0;
}
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
}
html, 
body, 
form {
min-height: 100%;
}
body#Body {
background: #FFF url(_images/siteBgFooter.gif) repeat-x left bottom;
}
a:link img, 
a:visited img,
a:active img {
border: 0;
}
/*---===<<< UNIVERSAL SKIN ELEMENTS >>>===---*/
/*---=== HEADER ===---*/
h1.largeh1 .Head {
  font-size: 32px;
  color: #364423;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  position: relative;
}
.skinHeader {
background: #FFF url(_images/siteBgHeader.gif) repeat-x left top;
height: 260px;
position: relative;
z-index: 0;
}
.skinHeader .innerHeaderWrap {
height: 120px;
margin: 0 auto;
position: relative;
width: 875px;
z-index: 0;
}
/*--- LOGO ---*/
h2.logo {
height: 45px;
left: 0;
top: 32px;
position: absolute;
/*width: 253px; */
width:280px;
}
h2.logo a:link, 
h2.logo a:visited, 
h2.logo a:hover, 
h2.logo a:active {
/*background: url(_images/social-solutions.gif) no-repeat;*/
background: url(_images/Social-Solutions-Logo-280-45.png) no-repeat;
display: block;
height: 45px;
text-indent: -99999em;
/*width: 253px; */
width:280px;
}
/*--- TAGLINE ---*/
.tagline {
color: #63724F;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
height: 32px;
left: 345px;
}
.tagline strong {
float: left;
font-size: 24px;
margin: 0 7px 0 0;
}
.tagline span {
display: block;
float: right;
line-height: 32px;
height: 32px;
}
.tagline a {
color:#63724F!important;
}
/*--- UTILITIES ---*/
.utilities {
position: absolute;
right: 0;
text-align: right;
top: 12px;
width: 400px;
}
.utilities p{
margin-bottom:0px;
}
/* UTILiTIES NAV */
.utilitiesNav {
color: #63724F;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
font-size:11px !important;
}
.utilitiesNav p{
font-size:11px !important;
}
.utilitiesNav .utilitiesNav2{
	font-size:13px;
	font-weight:bold;
	padding:15px 0px;
}
.utilitiesNav a:link, 
.utilitiesNav a:visited, 
.utilitiesNav a:active {
color: #63724F;
text-decoration: none;
}
/* UTILITIES SEARCH */
.utilitiesSearch{
  height:26px;
}
.utilitiesSearch span {
display: block;
position: relative;
}
.utilitiesSearch input {
border: 1px solid #BABABA;
border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
height: 22px;
right: 65px;
font-family:Arial, Verdana, Sans-Serif;
font-size:12px !important;
color:#777;
padding:0px 5px;
font-weight:bold;
margin: 0;
position: absolute;
top: 0;
width: 180px;
}
.utilitiesSearch a.SearchItem:link, 
.utilitiesSearch a.SearchItem:visited {
background: #cb9b45;
color: #FFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: 23px;
line-height: 23px;
margin: 0;
position: absolute;
right: 0;
top: 0;
text-align: center;
width: 56px;
border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
text-decoration:none;
}
.utilitiesSearch a.SearchItem:hover,
.utilitiesSearch a.SearchItem:active{
  background:#63724F;
}
/*---=== BODY ===---*/
.skinNav {
/*margin: -165px auto 0;*/
margin: -150px auto 0;
position: relative;
width: 875px;
z-index: 10;
}
.skinContent {
margin: 5px auto 0;
position: relative;
width: 875px;
z-index: 5;
}
/*---=== FOOTER ===---*/
.skinFooter {
margin: 0px auto 10px auto; 
width: 875px;
}
/*--- SHARING ---*/
.skinFooter .sharingWrap {
color: #2B2B2B;
float: left;
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 10px 0 0 10px;
width: 350px;
}
.skinFooter .sharingWrap a:link, 
.skinFooter .sharingWrap a:visited, 
.skinFooter .sharingWrap a:active {
margin: 0 3px;
}
/*--- SHARING ---*/
.skinFooter .copyrightWrap {
color: #2B2B2B;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
margin: 10px 10px 0 0;
text-align: right;
width: 350px;
}
/*---===<<< NAVIGATION ELEMENTS >>>===---*/
/*---=== MAIN NAVIGATION ===---*/
.mainNavigation {
background: url(_images/nav.gif);
height: 40px;
width: 100%;
z-index: 1000;
}
.mainNavigation ul { 
list-style: none;
margin: 0;
padding: 0;
 
}
.mainNavigation ul li {
background: none;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
width: 145px; 
}

#tablist_211 {
/*background:#aa7c2c url(_images/campaignNavigationbg.gif) repeat-x; */
background:#aa7c2c url('_images/pubSectNavSprite.png') repeat-x;
width:150px;
}

/*--- LINK STYLES ---*/
.mainNavigation ul li a:link, 
.mainNavigation ul li a:visited, 
.mainNavigation ul li a:active {
background: url(_images/navBorder.gif) no-repeat right top;
color: #FFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 40px;
text-align: center;
text-decoration: none;
}
.mainNavigation ul li a:hover, 
.mainNavigation ul li a.current:link, 
.mainNavigation ul li a.current:visited, 
.mainNavigation ul li a.current:hover, 
.mainNavigation ul li a.current:active {
background: url(_images/navHov.gif) repeat-x right top;
text-decoration: none;
}
/*--- ADMIN STYLES ---*/
.mainNavigation.admin ul li {
width: auto;
}
.mainNavigation.admin ul li a:link, 
.mainNavigation.admin ul li a:visited, 
.mainNavigation.admin ul li a:active {
padding: 0 10px;
width: auto;
}
/*--- DROPDOWN STYLES ---*/
.mainNavigation ul li .dropdown {
display: none;
left: 0;
position: absolute;
top: 40px;
width: auto;
z-index: 1001;
}
.mainNavigation ul li .dropdown-b {
background: #67472E;
display: block;
width: auto;
z-index: 1001;
}
.mainNavigation ul li .dropdown-b a.child:link, 
.mainNavigation ul li .dropdown-b a.child:visited, 
.mainNavigation ul li .dropdown-b a.child:active {
background: #67472E;
border-bottom: 1px solid #FFF;
display: block;
padding: 5px 10px;
height: auto;
line-height: normal;
text-align: left;
width: 180px;
}
.mainNavigation ul li .dropdown-b a.child:hover {
background: #7c582d;
}
/*---=== FOOTER NAVIGATION ===---*/
.footerNav {
border-bottom: 1px solid #A0A993;
color: #364423;
padding: 10px 10px;
}
.footerNav a:link, 
.footerNav a:visited, 
.footerNav a:active {
color: #364423;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0 18px;
}
/*---=== INTERIOR SUB NAVIGATION ===---*/
ul.intNav {
margin: 0 10px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
ul.intNav li {
}
ul.intNav li a:link, 
ul.intNav li a:visited, 
ul.intNav li a:active {
color: #63724F;
display: block;
text-decoration: none;
}
ul.intNav li a:hover, 
ul.intNav li.GroupCurr a:link, 
ul.intNav li.GroupCurr a:visited, 
ul.intNav li.GroupCurr a:hover, 
ul.intNav li.GroupCurr a:active {
color: #80582D;
text-decoration: none;
}
/*---=== CAMPAIGN NAVIGATION ===---*/
.campaignNav {
overflow: hidden;
display:inline-block;
padding: 5px;
margin:-40px 0px 0px 15px;
background:#51351F;
opacity:0.8;
position:absolute;
z-index:100000;
border-radius:4px;
}
.campaignNav ul{
  margin:0px;
}
.campaignNav ul li{
  margin:2px;
  padding:0px;
  list-style-image:none;
  float:left;
  text-indent:-9999px;
}
.campaignNav ul li a{
  width:15px;
  height:14px;
  display:block;
  background:url('_images/campaign-nav.png') no-repeat bottom left;
}
.campaignNav ul li.active a,
.campaignNav ul li a:hover{
  background-position:top left;
}



.subCampaign{
/*padding: 12px 0px 0px 0px;*/
width:875px;
position:relative;
z-index:1000000;
}
.subCampaign ul {

background: url(_images/campaignNavigationbg.gif) repeat-x;
height: 35px;
margin: 0;
padding: 0px;
}
.subCampaign ul li {

background: url(_images/campaignNavigationbg.gif) repeat-x;
color: #FFF;
float: left;
height: 35px;
width:292px;
list-style: none;
margin: 0;
padding: 0; 
font-weight:bold;
}
.subCampaign ul li a{
  padding-left:0px !important;
  padding-right:0px !important; 
}
.subCampaign ul li.first{
  width:291px;
}

.subCampaign ul li a:link, 
.subCampaign ul li a:visited, 
.subCampaign ul li a:active {
background: url(_images/campaignNavigationBorder.gif) no-repeat left;
color: #FFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 35px;
line-height: 35px;
padding: 0 12px 0 12px;
text-align: center;
text-decoration: none;
}

.subCampaign ul li.first a:link, 
.subCampaign ul li.first a:visited, 
.subCampaign ul li.first a:active {
background: none;
}
.subCampaign ul li a:hover, 
.subCampaign ul li.first a:hover {
background: url(_images/campaignNavigationActive.gif);
}
/* ACTIVE STATE */     
.subCampaign ul li.active {
background: url(_images/campaignNavigationActive.gif);
}
.subCampaign ul li.active a:link, 
.subCampaign ul li.active a:visited, 
.subCampaign ul li.active a:active {
background: url(_images/campaignNavigationArrow2.png) no-repeat center top;
}











.ui-tabs { 
  position: relative; 
  zoom: 1;
  margin:20px auto; 
} 
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { 
  margin: 0; 
  padding: .2em .2em 0; 
  height:30px;
  padding-left:0px !important;
}
.ui-tabs .ui-tabs-nav li { 
  list-style: none; 
  float: left; 
  position: relative; 
  top: 1px; 
  margin: 0 .2em 1px 0; 
  background:#f5f5f5;
  border:1px solid #d7d5d5;
  border-bottom: 0 !important;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 8px 8px;
  border-top-right-radius: 8px 8px;
  display:inline; 
  padding: 0; 
  white-space: nowrap; 
}
.ui-tabs .ui-tabs-nav li a { 
  float: left; 
  padding: .5em 1em; 
  text-decoration: none;
  font-weight:bold; 
  color:#444444;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-state-active { 
  margin-bottom: 0; 
  padding-bottom: 0px; 
  background:#fdfdfd;
  border-bottom:1px solid #fdfdfd !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-active.ui-state-hover a{
  color:#4c301a !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover{background:#fdfdfd !important;}
.ui-tabs .ui-tabs-nav li.ui-state-hover a{
  color:#63724F;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { 
  display: block; 
  border:1px solid #d7d5d5; 
  padding: 1em 1.4em 2em 1.4em; 
  background: #fdfdfd;  
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-bottom-right-radius: 8px 8px;
  border-bottom-left-radius: 8px 8px;
  border-top-right-radius: 8px 8px;
  -o-border-radius:10px 10px 10px 0px;      
  font-size:13px;
  line-height:18px;
}
.ui-tabs .ui-tabs-panel span.trigger a{
  font-size:11px;
  color:#444444;
  text-decoration:none;
  line-height:11px;
  font-weight:bold;
  font-family:Arial, Verdana, Sans-Serif;
}
.ui-tabs .ui-tabs-panel span.trigger{
  display:block;
  position:absolute;
  bottom:15px;
  right:20px;
  text-align:right;
}
.ui-tabs .ui-tabs-panel span.trigger a:hover{
  color:#63724F;
}
.ui-tabs .ui-tabs-panel h2{
  margin:0px 0px 5px 0px;
  font-size:16px;
  color:#444;
  font-weight:bold;
  display:block;
  clear:both;
}
.ui-tabs .ui-tabs-hide { 
  display: none !important; 
}

.ui-tabs-panel blockquote.testimonial{
  font-style:italic;
  font-family:Arial, Verdana, 'Sans-Serif';
  margin:20px 0px;
  font-weight:bold;
}
blockquote.testimonial p.quote{
  margin-bottom:5px;
  color:#888;
}
blockquote.testimonial span{
  display:block;
  text-align:right;
}
blockquote.testimonial span.author{color:#4d2d14;}
blockquote.testimonial span.title{color:#666;}
blockquote.testimonial span.organization{ color:#63724F;}












/*---===<<< SKIN ELEMENTS >>>===---*/
/*---=== HOME SKIN PANES ===---*/
.homeSkin .bannerArea {
margin: 0 0 15px;
z-index: 0;
}
.homeSkin .leftSide {
float: left;
width: 395px;
}

.homeSkin .homeContentWrapper{
  width:855px;
  margin:0px auto;
}
.homeSkin .contentLeftSide {
float: left;
width: 558px;
}
.homeSkin .contentRightSide {
float: right;
width: 261px;
}
.homeSkin .topBenefits{
  padding:12px 0px 40px 0px;
  margin:0px 0px 0px 0px;
}
.homeSkin .topBenefits span#reporting-hl,
.homeSkin .topBenefits span#tracking-hl,
.homeSkin .topBenefits span#funding-hl{
  display:block;
  padding:8px 0px 8px 60px;
  color:#492D18;
  font-size:18px;
  font-weight:normal;
  margin-bottom:10px;
  font-family:Arial, Verdana, Sans-Serif;
}
.homeSkin .topBenefits span#reporting-hl{/*background:url('_images/reporting-icon.png') no-repeat left center; */ background:url('_images/bar-graph-icon.jpg') no-repeat left center;}
.homeSkin .topBenefits span#tracking-hl{/* background:url('_images/tracking-icon.png') no-repeat left center; */ background:url('_images/pie-graph-icon.jpg') no-repeat left center;}
.homeSkin .topBenefits span#funding-hl{ /* background:url('_images/funding-icon.png') no-repeat left center; */ background:url('_images/money-icon.jpg') no-repeat left center; }
.homeSkin .topBenefits a.read-more{
  display:inline-block;
  font-size:11px;
  font-weight:bold;
  font-family:Arial, Verdana, Sans-serif;
  text-decoration:none;
    background: #E8E8E8;
    background: -moz-linear-gradient(100% 100% 90deg, #E8E8E8, #F1F1F1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#E8E8E8));
    border-radius:4px;
    padding:4px 6px;
    border: 1px solid #C0C0C0;
    color: #555 !important;
    transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
opacity:0.7;
text-transform:uppercase;
}

.homeSkin .topBenefits a.read-more:hover{
  opacity:1;
}

.homeSkin .topBenefits .leftPortion,
.homeSkin .topBenefits .centerPortion,
.homeSkin .topBenefits .rightPortion{
  width:253px;
  float:left;
  min-height:150px;
}

.homeSkin .topBenefits .leftPortion{
  padding-right:32px;
  background:url('_images/col-sep.png') no-repeat 281px top ;
}
.homeSkin .topBenefits .centerPortion{
  padding:0px 16px 0px 16px;
  width:253px !important;
 
}
.homeSkin .topBenefits .rightPortion{
  padding-left:32px;
  background:url('_images/col-sep.png') no-repeat 4px top ;
}
.homeSkin .rightSide {
float: right;
width: 475px;
}
.homeSkin .rightSide .leftPortion {
float: left;
width: 236px;
}
.homeSkin .rightSide .rightPortion {
float: right;
width: 226px;
}
/*---=== INTERIOR SKIN PANES ===---*/
.interiorSkin .leftSide {
float: left;
width: 580px;
}
.interiorSkin .rightSide {
float: right;
width: 286px;
}
.interiorSkin .contentPane{
width:580px;
}
.interiorSkin .leftSideContent {
float:left;
width:285px;
margin-right:5px;
}

.interiorSkin .rightSideContent {
float:right;
width:285px;
}

.interiorSkin .leftSideContent img, .interiorSkin .rightSideContent img {
  margin-bottom:10px;
  border: 1px black solid;
}
/*---===<<< SHADOW BOX CONTAINER >>>===---*/
.interiorSkin .rightSide .shadowBoxWrap {
margin: 0 0 10px;
}
/*---=== SHADOW BOX TOP ===---*/
.shadowBoxWrap .boxTop {
position: relative;
}
.shadowBoxWrap .boxTop .center {
background: url(_images/shadowBoxTopCenter.png) repeat-x;
_background: url(_images/shadowBoxTopCenter.gif) repeat-x;
height: 10px;
margin: 0 8px;
}
.shadowBoxWrap .boxTop .leftCorner {
background: url(_images/shadowBoxTopLeft.png);
_background: url(_images/shadowBoxTopLeft.gif);
height: 10px;
left: 0;
position: absolute;
top: 0;
width: 8px;
}
.shadowBoxWrap .boxTop .rightCorner {
background: url(_images/shadowBoxTopRight.png);
_background: url(_images/shadowBoxTopRight.gif);
height: 10px;
right: 0;
position: absolute;
top: 0;
width: 8px;
}
/*---=== SHADOW BOX CONTENT ===---*/
.shadowBoxWrap .boxContentWrap {
background: url(_images/shadowBoxContentWrap.png) repeat-y;
_background: url(_images/shadowBoxContentWrap.gif) repeat-y;
}
.shadowBoxWrap .boxContentWrap .boxContent {
background: url(_images/shadowBoxContent.png) repeat-y right;
_background: url(_images/shadowBoxContent.gif) repeat-y right;
margin: 0 0 0 8px;
padding: 10px 18px 10px 10px;
zoom:1;
}
/*---=== SHADOW BOX BOTTOM ===---*/
.shadowBoxWrap .boxBottom {
position: relative;
}
.shadowBoxWrap .boxBottom .center {
background: url(_images/shadowBoxBotCenter.png) repeat-x;
_background: url(_images/shadowBoxBotCenter.gif) repeat-x;
height: 10px;
margin: 0 8px;
}
.shadowBoxWrap .boxBottom .leftCorner {
background: url(_images/shadowBoxBotLeft.png) no-repeat;
_background: url(_images/shadowBoxBotLeft.gif) no-repeat;
height: 10px;
left: 0;
position: absolute;
top: 0;
width: 8px;
}
.shadowBoxWrap .boxBottom .rightCorner {
background: url(_images/shadowBoxBotRight.png) no-repeat;
_background: url(_images/shadowBoxBotRight.gif) no-repeat;
height: 10px;
right: 0;
position: absolute;
top: 0;
width: 8px;
}
/*---===<<< CONTENT ELEMENTS >>>===---*/
/*---=== BREADCRUMBS ===---*/
.breadcrumbWrap {
color: #5C6C48;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0 0 10px;
}
.breadcrumbWrap a:link, 
.breadcrumbWrap a:visited, 
.breadcrumbWrap a:active {
color: #5C6C48;
text-decoration: none;
}
/*---=== HEADERS ===---*/
h2 {
margin: 0 0 5px;
}
h2, 
h2 .Head {
color: #364423;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
position: relative;
}

/*Demo video headers*/
.demo-video h2 .Head {
font-size: 32px;
}

h2.productdemo{
font-size:31px;
text-align:center;
}
h3.productdemo{
font-size:27px;
text-align:center;
color: #364423;
margin-bottom: 25px;
}

.demo-video h3, .demo-video h3 .Head {
font-size:20px;
color: #364423;
}


h2 span.rightHeader {
color: #492E19;
display: block;
font-size: 11px;
line-height: 21px;
position: absolute;
right: 0;
top: 0;
text-align: right;
width: 150px;
}
h2 span.rightHeader a:link, 
h2 span.rightHeader a:visited, 
h2 span.rightHeader a:active {
color: #492E19;
}
h3 {
margin: 0 0 10px;
}
h3, 
h3 .Head {
color: #364423;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
h4 {
margin: 0 0 10px;
}
h4, 
h4 .Head {
color: #51351F;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.borderBottom {
border-bottom: 1px solid #657451;
margin: 0 0 10px;
}
.borderBottomDiamond {
  background: url('_images/separator_line_diamond.png') bottom no-repeat;
  margin: 20px 0;
  padding-bottom: 20px;
}
/*---=== TEXT STYLING ===---*/
p {
color: #3E3E3E;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0 0 15px;
}
a:link, 
a:visited, 
a:active {
color: #3E3E3E;
text-decoration: underline;
}
a.readMore:link, 
a.readMore:visited, 
a.readMore:active {
font-weight: bold;
}
a.brownButton:link, 
a.brownButton:visited, 
a.brownButton:active {
color: #FFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 24px;
text-align: center;
text-decoration: none;
width: 107px;
}
a.brownButton.centered:link, 
a.brownButton.centered:visited, 
a.brownButton.centered:active {
margin: 0 auto;
}
a.brownButton .center {
background: url(_images/brownButtonBg.png) repeat-x right;
_background: url(_images/brownButtonBg.gif) repeat-x right;
display: block;
float: left;
height: 24px;
width: 95px;
}
a.brownButton .leftCorners {
background: url(_images/brownButtonLeftCorner.png) no-repeat;
_background: url(_images/brownButtonLeftCorner.gif) no-repeat;
display: block;
float: left;
height: 24px;
width: 6px;
}
a.brownButton .rightCorners {
background: url(_images/brownButtonRightCorner.png) no-repeat;
_background: url(_images/brownButtonRightCorner.gif) no-repeat;
display: block;
float: left;
height: 24px;
width: 6px;
}
/*--- LIST STYLES ---*/
ul {
margin: 10px 0 0;
padding: 0px 0px 0px 20px;
}
ul li {
/*background: url(_images/listBullet.png) no-repeat 2px 5px;
_background: url(_images/listBullet.gif) no-repeat 2px 5px; */
list-style-image: url(_images/listBullet.png);
/*list-style: none; */
margin: 5px 0px 0px 10px;
padding: 0px;
}
/* HORIZONTAL LIST STYLES */
ul.horizontal {
margin: 10px 0;
}
ul.horizontal li {
background: url(_images/listBullet.png) no-repeat 2px 5px;
_background: url(_images/listBullet.gif) no-repeat 2px 5px;
float: left;
list-style: none;
margin: 0px 0px 5px 0px;
padding: 0px 4px 0px 15px;
width: 178px;
}
ul.horizontal li a:link, 
ul.horizontal li a:visited, 
ul.horizontal li a:active {
font-weight: bold;
color: #51351F;
}
/*--- TABLE STYLES ---*/
.interiorSkin table.contentTable {
border-collapse: collapse;
margin: 0 0 10px;
}
.interiorSkin table.contentTable th {
background: #364423;
border: 1px solid #666;
color: #FFF;
padding: 5px;
text-align: center;
vertical-align: middle;
}
.interiorSkin table.contentTable td {
border: 1px solid #666;
padding: 5px;
text-align: left;
vertical-align: middle;
width: 40%;
}
.interiorSkin table.contentTable td.center {
text-align: center;
width: 30%;
}
.interiorSkin table.contentTable .alt td {
background: #CFD8C4;
}
/*---===<<< CAMPAIGN AREA >>>===---*/
.campaignArea {
height: 255px;
overflow: hidden;
width: 875px;
z-index: 0;
}
.campaignArea .campaign {
display: none;
position: relative;
height: 255px;
overflow: hidden;
width: 875px;
z-index: 0;
}
.campaignArea .campaign.current {
display: block;
}
.campaignArea .campaign img.campaignBackground {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.campaignArea .campaign .campaignTextWrap {
background: #8F9164;
height: 200px;
position: absolute;
right: 0;
top: 25px;
width: 350px;
z-index: 2;
}
.campaignArea .campaign .campaignTextWrap .campaignText {
color: #FFF;
font-size: 11px;
padding: 15px;
}
.campaignArea .campaign .campaignTextWrap h4 {
background: #492E19 url(_images/campaignHeaderBg.gif) repeat-x center bottom;
color: #FFF;
height: 31px;
line-height: 28px;
text-align: center;
}
.campaignArea .campaign .campaignTextWrap .campaignText p {
color: #FFF;
/*font-size: 14px;*/
}
.campaignArea .campaign .campaignTextWrap .campaignText h3 {
color: #FFF;
font-size: 17px;
text-transform: uppercase;
}
/*---===<<< REGISTRATION POP UP >>>===---*/
.RegistrationForm {
width: 320px;
margin: 10px;
}
.RegistrationForm label {
color:#3E3E3E;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
width: 130px;
margin-right: 5px;
float: left;
}
.DynamicForms_SaveFormDiv input#dnn_ctr1684_DynamicForms_imgSave {
  margin-left: 135px;
}
.RegistrationForm input, .RegistrationForm select {
/*width: 205px;*/
width: 175px;
float: left;
margin-bottom: 5px;
}
.RegistrationForm select {
width: 180px;
}
.RegistrationForm input.submit,
.DynamicForms_SaveFormDiv input {
border:0px;
display: block;
margin-left:260px;
width: 76px;
height: 24px;
background: url(_images/submit.gif) no-repeat;
}

/*support forms submit button */
.DynamicForms_SaveFormDiv input#dnn_ctr1595_DynamicForms_imgSave {
margin-left:135px;
}
/*landing page submit button */
.demo-video .DynamicForms_SaveFormDiv input#dnn_ctr1160_DynamicForms_btnSave {
margin-left:134px;
}
.DynamicForms_SaveFormDiv input#dnn_ctr1160_DynamicForms_btnSave {
margin-left:114px;
}


.RegistrationForm br {
clear: both;
}
.LoginForm {
margin:10px;
}
.LoginForm label {
color:#3E3E3E;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
width: 100px;
margin:4px 5px 0px 0px;
float: left;
}
.LoginForm input {
width: 130px;
float:left;
margin-top:4px;
}
.LoginForm input.login {
border:0px;
margin:0px 0px 0px 8px;
padding:0px;
float:left;
width: 58px;
height: 24px;
background: url(_images/login.gif) no-repeat;
}
.LoginForm .fields {
	overflow:auto;
	margin-bottom:8px;
}
.LoginForm #message {
	clear:both;
	color:#FF0000;
}
.LoginForm #message p {
	color:#FF0000;
}

/* SEARCH RESULTS */
table#dnn_ctr351_SearchResults_dgResults tr td {
	padding-bottom:20px;
}

table#dnn_ctr351_SearchResults_dgResults tr td span.SubHead {
	display:none;
}

table#dnn_ctr351_SearchResults_dgResults tr td a.SubHead {
	font-size:14px;
	font-weight:bold;
}

/* SITEMAP */
#SiteMap {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

#SiteMap .SiteMapRoot {
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
}

.mainNav li a {
	/* cursor:default; */
}

.mainNav li div a {
	cursor:pointer;
}

.ModuleTitle_SubMenu {
	z-index:1001!important;
}

div.Normal ul {
  margin-bottom: 20px;
}
blockquote.callout{
  background:#eff0de;
  border:1px solid #8f9164;
  padding:5px 15px;
  border-radius:5px;
  margin:10px auto;
}


/* Blockquote Styles for interior bottom page quotes */

blockquote.teaser{
        font-size:13px;
        font-family:'Arial', Sans-Serif;
        color:#777;
        width:560px;
        margin:10px auto;
        font-weight:500;
        line-height:18px;
        padding:10px;
        
        text-align:left;
      }

      blockquote.teaser span{
        font-weight:bold;
        /*color:#9BAF81;  */
        
        color:#492D18;
      }

      blockquote.teaser p{
        color:#492D18;
        margin:3px 0px;
        font-size:13px;
        text-align:right;
        font-weight:bold;
      }

      blockquote.teaser img{
        vertical-align:bottom;
      }
      
/*Public Secotr Landing Page styles */
#sectorServices{
  width:560px;
}     
.division{
  width:265px;
  margin:5px 7px;
  float:left;
  color:#888;
}
.division ul{
  margin-left:15px;
}
.clearfix{
  clear:both;
}

/*Styles for floating list items beside one another */
ul.floatleft{
  margin-left:40px;
}
ul.floatleft li{
   width:180px;
   float:left;
}
img#pubSectBtn{margin:-5px 0px 3px 0px;}


/* START Webmechanix Styles for inline ETO software callouts - Derek C. */
.clear{clear:both;}
  #callout1,
  #callout2,
  #callout3{
    margin:20px auto;
  }
  #callout1{
    width:524px;
    background:url(_images/callout-1-bg.png) no-repeat right 12px;
  }
  #callout1 span{
    font-size:20px;
    color:#fff;
    display:block;
    font-weight:normal;
    font-family:Arial, Verdana, Sans-Serif;
    float:right;
    padding:28px 20px 28px 0px;
  }
  #callout1 a img{
    float:left;
    border:0px;
  }
  #callout2{
    width:502px;  
    height:50px;
    padding:15px 10px;
    background:url(_images/callout-2-bg.png) no-repeat top center;
  }
  #callout2 span{
    font-size: 16px;
    color: #364423;
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
    display: block;
    width: 350px;
    float: left;
    line-height: 25px;
  }
  #callout2 a img{
    float:right;
    padding:14px 8px 12px 0px;
    border:0px;
  }
  #callout3{
    width:524px;
    height:132px;
    padding:25px;
    background:url(_images/callout-3-bg.png) repeat-x top left;
  }
  #callout3 span{
    font-size:24px;      
    font-family:Arial, Verdana, Sans-Serif;
    font-weight:bold;
    color:#364423;
  }
  #callout3 span sup{
    font-size:10px;
  }
  #callout3 p{
    font-size:12px;
    font-family:Arial, Verdana, Sans-Serif;
    color:#364423;
  }
  #callout3 a{
    display:inline-block;
     float:right;
  }
  #callout3 a img{
   
    margin:15px 0px 15px 15px;
    border:0px;
    display:inline-block;
  }

/* END Webmechanix Styles for inline ETO software callouts - Derek C. */



/* --------------

Start Styles for PPC Landing Page - Derek C.

----------------- */

.clearfix{
  height:0px;
  line-height:0px;
  clear:both;
}
img{
  border:0px;
}
a{}
a:hover{}
.common{width:760px; margin:0px auto;}
#lp-wrapper{}
#lp-header{
  padding:20px 0px;
}
#lp-header img{
  margin:0px auto;
  display:block;
}
#lp-campaign{
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  padding:15px 0px;
  background:#f5f5f5;
}

#dnn_leftCampaign{
  height:250px;
  width:365px;
  float:left;
}
#dnn_leftCampaign h1{
  font-size:3em;
  color: #63724F;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
  margin:20px 0px 0px 0px;
  text-align:center;
}
#dnn_leftCampaign p{
  font-size:1.4em;
  line-height:1.4em; 
  margin:1em 0px;
  color:#626262;
  text-align:center;
}
#dnn_rightCampaign{
  height:250px;
  width:365px;
  float:right;
}
.buttonContainer{
  width:762px;
  margin:0px auto;
  position:relative;

}
#dnn_badgeContainer{
    width:155px;
  height:155px;
  position:absolute;
  top:-50px;
  left:-50px;
}
#dnn_lpButton{
  padding:20px 0px;
  float:right;
  width:650px;
}
#landing-button{
  display:block;
  background:url('_images/soso-lp-button.png') no-repeat top left;
  line-height:60px;
  font-size:24px;
  color:#fff;
  width:340px;
  margin:0px 0px 0px 100px;
  text-align:center;
  text-decoration:none;
  text-shadow:1px 1px 1px #444;
}
#landing-button:hover{
  background-position:bottom left;
}
#lp-content{
  background:#fff url('_images/grad-top-wide-fade.original.png') no-repeat top center;
  margin:0px auto;
  padding:20px 0px;
}

div#dnn_keyPoints{
  width:345px;
  padding-right:20px;
  float:left;
}
div#dnn_keyPoints ul{
  display:block;
  margin:0px;
  padding:0px;
}
div#dnn_keyPoints ul li{
  background:url('_images/bullet-arrow-green.original.png') no-repeat top left;
  padding:0px 0px 0px 50px;
  list-style:none;
  line-height:18px;
  margin:20px 0px;
  display:block;
}
div#dnn_keyPoints ul li span{
  display:block;
  font-size: 16px;
  font-weight:bold;
  color:#492D18;
  margin-bottom:5px;
}
#dnn_moreInfo{
  width:365px;
  float:right;
}
#dnn_moreInfo h2{
  color: #492D18;
  font-size:1.66em;
  margin:1em 0;
}
#dnn_moreInfo p{
  font-size:1.2em;
  line-height:22px;
}
#lp-footer{
  background: #9BAF81;
  padding:10px 0px;
}
#dnn_testimonial{
  width: 475px;
  background:#efefef url('_images/testimonial-bg-grad.original.png') repeat-x top left;      
  padding:15px;
  position:relative;
  display:block;
  margin:0px auto 20px auto;
  float:right;
}
#dnn_testimonial p{
  margin:0px;
  color: #63724F;
  line-height: 1.4em;
  font-size: 18px;
  font-style:italic;
  text-align:center;
}
#dnn_testimonial img#triangle{
  position:absolute;
  bottom:32px;
  left:-11px;
}
#dnn_quoteBy{
  margin:25px 0px 20px 15px;
  float: left;
  width:230px;
}
#dnn_quoteBy img{
  float:left;
  margin:0px 10px 0px 0px;
}
#dnn_quoteBy p{
  margin:3px;
}


/* --------------

End Styles for PPC Landing Page - Derek C.

----------------- */

#events-table{
  font-size:12px;
  font-family:Arial, Verdana, Sans-Serif;
  border-radius:4px;
  display:block;
  width:575px;
}
#events-table tr.table-header{
  background:#a5b193;
  
}
#events-table td,th{
  padding:5px;
  border:0px;
}
#events-table td strong{
  color:#51351F;
  display:block;
  margin-bottom:5px;
}    
#events-table td p{
  font-size:11px;
}
tr.light{
  background:#e8ece4;
}
tr.dark{
  background:#dde2d6;
}
#events-table th.date-time,
#events-table th.title-desc{
  
  color:#fff !important;
  font-weight:bold;
}
td.date-time{
width:90px;
  font-weight:bold;
  font-size:11px;
  color:#333;
  line-height:16px;
}
                                 
/*                                 
#dnn_ctr1160_DynamicForms_TBR_GUIDddf6d102-120f-4a2f-9221-65f0c3b37814FirstName, #dnn_ctr1160_DynamicForms_TBR_GUIDe184a76d-ad08-44d1-8c8d-740a14e257c8LastName{
  width:100px !important;
}                                                                       
            
#dnn_ctr1160_DynamicForms_Row_ddf6d102-120f-4a2f-9221-65f0c3b37814, #dnn_ctr1160_DynamicForms_Row_e184a76d-ad08-44d1-8c8d-740a14e257c8{
  display: block;
  float: left;
  width: 100px;
}              

#dnn_ctr1160_DynamicForms_Row_bff41ec3-170b-43f9-9b40-93bb284da0d6{
  clear: both;
}           
*/                                                                        



div#campaign{
  width:875px;
  margin:-6px auto 0px auto;
  height:276px;
  background-image:url(_images/campaign-v3/campaign-bg.png);
  background-repeat:no-repeat;
  background-position:top left;
  background:#f9f9f9;
  position:relative;  
}
ul#campaign-rotator, 
ul#secondary-nav{
  margin:0px;
  padding:0px;
}
ul#secondary-nav{
  width:188px;
  position:absolute;
  top:20px;
  right:-11px;
  z-index:20000;
}
ul#secondary-nav li{
  width:188px;
  text-align:left;
  font-size:15px;
  font-weight:bold;
  height:57px;
  margin:5px 0px !important;
}
ul#secondary-nav li a{
  padding:22px 0px 17px 15px;
  display:block;
  width:173px;
  background:url(_images/campaign-v3/secondary-nav.png) no-repeat top left;
  text-decoration:none;
  color:#f5f5f5;
}
ul#secondary-nav li a:hover{
  background-position:bottom left;
  color:#fff;
}
ul#secondary-nav li,
ul#campaign-rotator li{
  margin:0px;
  padding:0px;
  list-style:none;
  display:block;
  position:relative;
}
ul#campaign-rotator,
ul#campaign-rotator li{
  width:875px;
  height:276px;
  background-image:url(_images/campaign-v3/campaign-bg.png);
  background-repeat:no-repeat;
  background-position:top left;
}

#campaign div.headline{
  width:360px;
  top:55px;
  left:20px;
  min-height:90px;
  padding:15px 15px 15px 0px;
  text-align:center;
  
  font-weight:bold;
  
  position:absolute;
  background:url(_images/campaign-v3/headline-gradient.png) repeat-y top left;
  border-radius:10px;
  -moz-border-radius:0px 10px 10px 0px;
  -o-border-radius:0px 10px 10px 0px;
  -khtml-border-radius:0px 10px 10px 0px;
  -webkit-border-radius:0px 10px 10px 0px;
  display:block;
  z-index:10000;
}
#campaign div.headline span{
  display:block;
  font-size:26px;
  font-weight:normal;
  font-family:Arial, Verdana, Sans-Serif;
  color:#664;;
  margin-bottom:10px;
}
#campaign div.headline em{
  font-size:14px;
  line-height:18px;
  color:#666;
  font-family:Arial, Verdana, Sans-Serif;
}
ul#campaign-rotator li div.creative{
  width:376px;
  height:274px;
  position:absolute;
  right:150px;
  bottom:1px; 
  z-index:10001;
}
div#campaign-nav{
  width:100px;
  position:absolute;
  bottom:0px;
  right:0px;
  padding:10px;
  text-align:right;
  z-index:10000;
}
div#campaign-nav ul li{
  background-image:none !important;
  list-style-image:none;
}
div#campaign-nav a{
  display:block;
  width:15px;
  height:14px;
  background:url(_images/campaign-v3/campaign-nav.png) no-repeat bottom left;
  margin:2px;
  float:left;
  font-size:0px;
  line-height:0px;
  border:0px;
  text-decoration:none;
  text-indent:9999px;
}
div#campaign-nav a:hover{
  background-position:top left;
}
div#campaign-nav a.activeSlide{background-position:top left;}

#hp-callout-box{
  width:240px;
  height:190px;
  padding:10px 10px 40px 10px;
  font-family:Arial, Verdana, Sans-Serif;
  background:url('_images/hp-callout-bg.png') no-repeat top center;
  text-align:center;
  
}
#hp-callout-box p{
  font-size:12px; 
  margin-bottom:10px;
}
#hp-callout-box h3{
  font-size:15px;
  color:#4b2f1a;
}
#hp-callout-box a.button{
  line-height:34px;
  color:#fff;
  width:170px;
  display:block;
  margin:0px auto;
  clear:both;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background:url('_images/hp-callout-box-button-bg.png') no-repeat top center;
  text-decoration:none;
  opacity:0.9;
}
#hp-callout-box a.button:hover{
  opacity:1;
}