BODY {
  font-family: Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 62.5%; 
  line-height: 1.3em;
  background-color: #edf7ff;
}

#main-wrap {
  width: 960px;
  margin:0 auto;
  background-color: #fff;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  padding:0 10px 0 10px;
  height:auto !important;
/*
  min-height:600px;
  height:600px;
*/
/*    background:url('images/background_grid.jpg') repeat-y;*/
}

/*****************************************************************************
 SITE DIALOG (POP-UP) BOXES
*****************************************************************************/
#dialog                                {}
.dialog-search                         {font-weight:bold; margin:10px;}
.dialog-search p                       {color:#666; font-size:1.8em; margin:10px 0 25px0px 0;}
.dialog-search p.submsg                {font-size:1.2em; margin:0;margin-bottom:6px;}
.dialog-search p.submsg A              {color:#3972cd; text-decoration:none; font-weight:bold; }
.dialog-search .no-data                {color:#fb9440; }
.dialog-search .invalid                {color:#fb5d65; }
/*.dialog-search .ui-widget-content A    {color:#3972cd; text-decoration:underline;}*/

/*****************************************************************************
 HEADER
*****************************************************************************/

#header                                {height:80px; font-size:1.15em; font-weight:bold; overflow:hidden; }
#header A                              {color:#3972cd; }
#header A:hover                        {text-decoration:underline; }
#header IMG#logo                       {float:left; margin-left:10px;margin-top:-7px;}

DIV#htrlinks-container { float:right; }

UL#htrlinks                            {  }
UL#htrlinks LI                         { float:left;display:inline;padding:6px 0px; }
UL#htrlinks LI A { float:left;padding-top:1px;padding-bottom:2px; } /* padding is to show pro icons */
UL#htrlinks LI DIV.htrdivider { float:left;width:2px;height:12px;background:#999;line-height:1em;margin:0px 10px;margin-top:2px; }

UL#htrlinks LI.alerts A                { color:#ff9933;}
UL#htrlinks LI.alerts A SPAN           { font-weight:bold;color:#CC6600; }
UL#htrlinks LI.reactivate A SPAN       { color:#CC3333; }
SPAN.cancel_notifier                   { color:#CC3333;font-weight:bold; } /* used throughout the site */
UL#htrlinks LI.green-badge A           { padding:0px;width:83px;height:15px;text-align:center;vertical-align:middle;color:#FFF;background:url("images/nav_button_green.gif") no-repeat top left;}

UL#htrlinks LI a.pro-append            { background:url("images/pro_small.gif") no-repeat top right;padding-right:29px; }
UL#htrlinks LI a.pro-prepend           { background:url("images/pro_small.gif") no-repeat top left;padding-left:29px; }
UL#htrlinks LI a.email-prepend          { background:url("images/email_small.gif") no-repeat center left;padding-left:20px; }

DIV#reports-remaining                  {float:left;clear:right;height:39px;margin:4px 0px;}
DIV#reports-remaining-value img        { margin-top:6px; }
DIV#reports-remaining DIV.number       {float:left;color:#ff9933; font-size:2em; line-height:33px;padding-right:5px;}
DIV#reports-remaining DIV.text         {float:left;width:80px;line-height:14px;font-size:.9em;margin:1px 0px;}
DIV#reports-remaining DIV.unlimited    {line-height:30px;}
DIV.htrlinks-burndown-divider { height:25px;width:1px;background:#BBB;float:left;margin:8px 10px; }

/*****************************************************************************
 SITE NAVIGATION
*****************************************************************************/

DIV#nav {
  margin-bottom: 7px;
  position: relative;
  height: 64px;
  background-color: #444;
}
DIV#nav UL#topnav                      {height: 32px; background: url('images/topnav_default.gif') no-repeat;}
UL#topnav LI                           {float: left; text-indent: -9999px;}
UL#topnav LI#nav-my-compete            {float: right;}
UL#topnav LI,
UL#topnav LI A {
  display: block;
  height: 32px;
  width: 120px;
  padding: 0;
}
DIV#nav UL.subnav {
  height: 32px;
  background-repeat: no-repeat;
  background-color: #444;
  position: absolute;
  left: -9999px;
  top: 32px;
}
DIV#nav UL#subnav-profiles {
  background-image: url('images/subnav_profiles_default.gif');
}
DIV#nav UL#subnav-analytics-tools {
  background-image: url('images/subnav_tools_default.gif');
}
DIV#nav UL#subnav-client-solutions {
  /* background-image: url('images/subnav_cs_default.gif'); */
}
DIV#nav UL#subnav-resources {
  background-image: url('images/subnav_resources_default.gif');
}
UL.subnav {
  width: 960px;
}
UL.subnav LI {
  float: left;
  text-indent: -9999px;
}
UL#topnav LI UL.subnav li,
UL#topnav LI UL.subnav LI A {
  display: block;
  height: 32px;
  width: 120px;
}

/* CURRENT-PAGE STYLES */
body.profiles DIV#nav UL#subnav-profiles,
body.analytics-tools DIV#nav UL#subnav-analytics-tools,
body.client-solutions DIV#nav UL#subnav-client-solutions,
body.resources DIV#nav UL#subnav-resources {
  left: 0px;
}
body.profiles #nav-profiles,
body.analytics-tools #nav-analytics-tools,
body.client-solutions #nav-client-solutions,
body.resources #nav-resources {
  background: url('images/topnav_selected.gif') no-repeat;
}
body.profiles #nav-profiles {
  background-position: 0 0;
}
body.analytics-tools #nav-analytics-tools {
  background-position: -120px 0;
}
body.client-solutions #nav-client-solutions {
  background-position: -240px 0;
}
body.resources #nav-resources {
  background-position: -360px 0;
}
BODY#site-profile #subnav-site-profile,
BODY#tag-profile #subnav-tag-profile,
BODY#category-profile #subnav-category-profile,
BODY#site-compare #subnav-site-compare {
  background: url('images/subnav_profiles_selected.gif') no-repeat;
}
BODY#search-analytics #subnav-search-analytics,
BODY#referral-analytics #subnav-referral-analytics,
BODY#ranked-lists #subnav-ranked-lists {
  background: url('images/subnav_tools_selected.gif') no-repeat;
}
BODY#products-services #subnav-products-services {
  background: url('images/subnav_cs_selected.gif') no-repeat;
}
BODY#help #subnav-help,
BODY#blog #subnav-blog,
BODY#contact #subnav-contact,
BODY#about #subnav-about,
BODY#toolbar #subnav-toolbar,
BODY#methodology #subnav-methodology {
  background: url('images/subnav_resources_selected.gif') no-repeat;
}
BODY#site-profile #subnav-site-profile,
BODY#search-analytics #subnav-search-analytics,
BODY#help #subnav-help {
  background-position: 0 0;
}

BODY#tag-profile #subnav-tag-profile,
BODY#referral-analytics #subnav-referral-analytics,
BODY#blog #subnav-blog {
  background-position: -120px 0;
}
BODY#category-profile #subnav-category-profile,
BODY#ranked-lists #subnav-ranked-lists,
BODY#products-services #subnav-products-services,
BODY#contact #subnav-contact {
  background-position: -240px 0;
}

BODY#site-compare #subnav-site-compare,
BODY#about #subnav-about
 {
  background-position: -360px 0;
}
BODY#toolbar #subnav-toolbar {
  background-position: -480px 0;
}
BODY#methodology #subnav-methodology {
  background-position: -600px 0;
}

/* HOVER STYLES (with .hovered simulating :hover pseudo-class for IE6 support) */
/* UL#topnav LI.topnav-item:hover, */
UL#topnav LI#nav-profiles.hovered,
UL#topnav LI#nav-analytics-tools.hovered,
UL#topnav LI#nav-client-solutions.hovered,
UL#topnav LI#nav-resources.hovered,
UL#topnav LI#nav-my-compete.hovered {
  background: url('images/topnav_hover.gif') no-repeat;
}
/* UL#topnav LI.topnav-item:hover UL.subnav, */
UL#topnav LI.hovered UL.subnav {
  left: 0px;
  z-index: 100;
}
/* UL#topnav LI#nav-profiles:hover, */
UL#topnav LI#nav-profiles.hovered {
  background-position: 0 0;
}
/* UL#topnav LI#nav-analytics-tools:hover, */
UL#topnav LI#nav-analytics-tools.hovered {
  background-position: -120px 0;
}
/* UL#topnav LI#nav-client-solutions:hover, */
UL#topnav LI#nav-client-solutions.hovered {
  background-position: -240px 0;
}
/* UL#topnav LI#nav-resources:hover, */
UL#topnav LI#nav-resources.hovered {
  background-position: -360px 0;
}
/* UL#topnav LI#nav-my-compete:hover, */
UL#topnav LI#nav-my-compete.hovered {
  background-position: 120px 0;
}
/* UL#subnav-profiles li:hover, */
UL#subnav-profiles LI.hovered {
  background: url('images/subnav_profiles_hover.gif') no-repeat !important;
}

/* UL#subnav-analytics-tools li:hover, */
UL#subnav-analytics-tools LI.hovered {
  background: url('images/subnav_tools_hover.gif') no-repeat !important;
}
/* UL#subnav-client-solutions li:hover, */
UL#subnav-client-solutions LI.hovered {
  background: url('images/subnav_cs_hover.gif') no-repeat !important;
}
/* UL#subnav-resources li:hover, */
UL#subnav-resources LI.hovered {
  background: url('images/subnav_resources_hover.gif') no-repeat !important;
}
/* UL#subnav-profiles LI#subnav-site-profile:hover, */
UL#subnav-profiles LI#subnav-site-profile.hovered,
/* UL#subnav-analytics-tools LI#subnav-search-analytics:hover, */
UL#subnav-analytics-tools LI#subnav-search-analytics.hovered,
/* UL#subnav-resources LI#subnav-help:hover, */
UL#subnav-resources LI#subnav-help.hovered {
  background-position: 0 0 !important;
}
/* UL#subnav-profiles LI#subnav-tag-profile:hover, */
UL#subnav-profiles LI#subnav-tag-profile.hovered,
/* UL#subnav-analytics-tools LI#subnav-referral-analytics:hover, */
UL#subnav-analytics-tools LI#subnav-referral-analytics.hovered,
/* UL#subnav-resources LI#subnav-blog:hover, */
UL#subnav-resources LI#subnav-blog.hovered {
  background-position: -120px 0 !important;
}

/* UL#subnav-profiles LI#subnav-category-profile:hover, */
UL#subnav-profiles LI#subnav-category-profile.hovered,
/* UL#subnav-analytics-tools LI#subnav-ranked-lists:hover, */
UL#subnav-analytics-tools LI#subnav-ranked-lists.hovered,
/* UL#subnav-client-solutions LI#subnav-products-services:hover, */
UL#subnav-client-solutions LI#subnav-products-services.hovered,
/* UL#subnav-resources LI#subnav-contact:hover, */
UL#subnav-resources LI#subnav-contact.hovered {
  background-position: -240px 0 !important;
}

/* UL#subnav-profiles LI#subnav-site-compare:hover, */
UL#subnav-profiles LI#subnav-site-compare.hovered,
/* UL#subnav-resources LI#subnav-about:hover, */
UL#subnav-resources LI#subnav-about.hovered {
  background-position: -360px 0 !important;
}
/* UL#subnav-resources LI#subnav-toolbar:hover, */
UL#subnav-resources LI#subnav-toolbar.hovered {
  background-position: -480px 0 !important;
}

/* UL#subnav-resources LI#subnav-methodology:hover, */
UL#subnav-resources LI#subnav-methodology.hovered {
  background-position: -600px 0 !important;
}

/*****************************************************************************
 SEARCH BOX
*****************************************************************************/
#search {
    height:22px;
    margin-bottom:7px;
    /* the reason this isn't just floated right is that IE6 & IE7 display
    weird behavior when if it (floated right) when the input box is clicked on
    */
    width:570px;
    position:relative;
    left:391px;
}
#search .text {
    float:left;
    font-size:1.2em;
    font-weight:bold;
    line-height:22px;
    margin-right:7px;
    color:#333;
}
#search #dropdown-container {
    float:left;
    width:155px;
    height:20px;
}
#search #dropdown-container .dropdown {
    position:absolute;
    background:none #fff;
    width:145px;
    height:20px;
    border:1px solid #b6caeb;
    background:url('images/dropdown_menu_arrow.gif') no-repeat 130px 7px;
}
#search #dropdown-container .dropdown-title {
    font-size:1.1em;
    line-height:21px;
    height:20px;
}
#search #dropdown-container .dropdown-list {
    width:135px;
    margin-left:-1px;
}


#search #dropdown-container .dropdown UL {
    margin:0;
}
#search #dropdown-container .dropdown UL LI.group-title {
    font-weight:bold;
    color:#333;
    font-size:112%;
    padding:5px;
    margin:0;
}
#search #dropdown-container .dropdown UL LI.item-name {
    color:#333;
    font-weight:bold;
    color: #3972cd;
    margin-bottom:5px;
    width:125px;
    font-size:1.1em;
    padding:2px 5px 2px 5px;
}
#search #dropdown-container .dropdown UL LI.item-name .item-description {
    color:#999;
    font-size:72.5%;
    line-height:12px;
}

#search input#q {
    float:left;
    width:255px;
    border:1px solid #b6caeb;
    height:16px;
    padding:2px 2px 2px 5px;
    font-size:1.1em;
    font-weight:bold;
}
#search input#search-button {
    width:65px;
    height:22px;
    background:url('images/site_search_submit_button.gif') no-repeat;
    margin-left:10px;
    border:0;
    cursor:pointer;
}
#search input.virgin {
    color:#999;
}
#search input.loading {
    background:url('images/ajax_loading_search.gif') no-repeat 242px 2px;
}


/*****************************************************************************
 STYLES USED IN MORE THAN ONE PLACE ON THE SITE
*****************************************************************************/
#content-wrap {
    clear:both
}

/*** SITE-WIDE PAGINATION ***/
UL#pagination                          {font-size:1.1em; float:left; margin-top:15px;}
UL#pagination LI                       {float:left; line-height:30px; width:27px; margin-right:4px; border:1px solid #b6caeb; text-align:center;}
UL#pagination LI.button                {width:55px;}
UL#pagination LI.this-page             {background-color:#cbe7fc; font-weight:bold;}
UL#pagination LI.no-link               {color:#ccc; }
UL#pagination LI A                     {color:#3972cd; display:block; text-align:center; height:30px; text-decoration:none;}
UL#pagination LI A:hover               {background-color:#cbe7fc; text-decoration:none;}
UL#pagination LI.noborder              {border:none}

/*****************************************************************************
 FOOTER
*****************************************************************************/
#footer                                {float:left; width:960px; font-size: 1.1em; margin:20px 0 0 0; padding:0 0 15px 0;}

#footer A                              {}
#footer A:hover                        {text-decoration:underline; }
#footer UL                             {}
#footer UL LI                          {display:inline; }

#footer DIV#footer-top-wrap            {height:25px; background-color: #3a73ce; }
#footer UL#ftlinks                     {text-align:center; line-height:25px; margin:0 auto; }
#footer UL#ftlinks LI                  {border-right:#fff 1px solid; padding:0 12px 0 12px}
#footer UL#ftlinks LI A                {color:#fff;}
#footer UL#ftlinks LI.no-border        {border:none;}

#footer DIV#footer-bottom-wrap         {}
#footer UL#fblinks                     {text-align:center; height:2em; margin-top:7px;}
#footer UL#fblinks LI                  {color:#ccc; padding:0 4px 0 4px; }
#footer UL#fblinks LI A                {color:#a3a3a3;}

/*********************************************************************************
Site pop-up for Site Links
**********************************************************************************/


.site-popup-container {
    z-index:1000;
    position:absolute;
    display:none;
}
.menu-border {;
  position:relative;
  z-index:15000;
  width:206px;
  border:solid 2px #b6caeb;
  background-color:#a4b9db;
  padding:0;
  margin:0;
}

.site-popup {
    list-style:none;
    width:200px;
    background-color:#EDF7FF;
    padding:1px;
    margin:2px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;
}
.site-popup-container HR {
    width:95%;
    clear:both;
    height:1px;
    background-color:#d3dded;
    border:none;
    
}
.site-popup LI {
    margin-left:5px;
    padding-left:30px;
    margin-bottom:2px;
    height:1.34em;
    line-height:1.31em;
    vertical-align:middle;
    background-image: url('images/hover-icons.gif');
    background-repeat:no-repeat;
}
.site-popup LI A {
    text-decoration:none;
    color:#3972CD;
}

.site-popup LI A:hover {
    text-decoration:underline;
}
.site-popup .site-popup-header{
    margin-left:0;
    margin-bottom:7px;
    padding-left:35px;
    height:2.5em;
    line-height:2.5em;
    vertical-align:middle;
    background-color:#3972CD;
    background-repeat:no-repeat;
    background-position : 10px -99px;
    color:#EDF7FF;
    
}
.site-popup .site-popup-header A{
  text-decoration:none;
  font-weight:bold;
  color:#EDF7FF;
  line-height:2.5em;
}

.site-popup .add-to-portfolio{
  background-position : 5px 1px;
}
.site-popup .add-to-portfolio-inactive{
  background-position : 5px -126px;
}
.site-popup .view-site-profile{
  background-position : 5px -20px;
}    
.site-popup .view-site-profile-inactive{
  background-position : 5px -149px;
}
.site-popup .run-keyword-referral{
    background-position : 5px -41px;
}
.site-popup .run-keyword-referral-inactive{
    background-position : 5px -170px;
}
.site-popup .run-referral{
    background-position : 5px -62px;
}
.site-popup .run-referral-inactive{
    background-position : 5px -192px;
}
.site-popup .run-referral-destination{
    background-position : 5px -82px;
}
.site-popup .run-referral-destination-inactive{
    background-position : 5px -211px;
}


.site-popup LI {
  text-decoration:none;
  color:#666;
}
.site-popup LI A {
    text-decoration:none;
    color:#3972CD;
}

.site-popup LI A:hover {
    text-decoration:underline;
}