/* 
site wide resets, and classes we use everywhere.
*/


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, em, img, ol, ul, li, fieldset, form, label, legend, table, tbody, thead, tr, th, td, dd, dt {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
ul, ol, li {
	list-style: none;
}
p {
    margin: 5px 0 10px 0;
	line-height: 1.4em;
}
a {
    text-decoration: none;
}
a:hover {
}
a:visited {

}
input, textarea {
    color:#59698c;
	
}
input.honeypot {
	visibility: hidden;
	display: none;
}
table {
	border-collapse: collapse;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
.linky {
	cursor: pointer;
	text-decoration: underline;
}
.no-border {
	border: none
}
.normal {
	font-weight: normal;
	font-size: inherit;
	text-decoration: none
}
.bold {
	font-weight: bold;
	color: inherit;
}
.italic {
	font-style: italic
}
.underline {
	text-decoration: underline;
}
.overline {
	text-decoration: overline;
}
.striken {
	text-decoration: line-through;
}
.highlight {
	background-color: #f2e6b6;
}
.align-center {
	text-align: center;
}
.align-right {
    text-align: right;
}
.georgia {
	font-family: Georgia, serif;
}
.hidden {
  display: none;
}
.delta-positive {
    color:#76b72e;
}
.delta-negative {
    color:#ff5959;
}

.grayed-out {
    color:#bbb;
}
/*
styles for the master template (see coreapp/templates/master.html)

*/


BODY {
  font-family: Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 62.5%; /*so that we can do base10 w/ ems*/
  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/seaeagle/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 a                     {color:#59698c;}
.dialog-search p a:hover               {text-decoration:underline;}
.dialog-search p.submsg                {font-size:1.2em; margin:0;margin-bottom:6px;}
.dialog-search p.submsg a              {color:#59698c; text-decoration:none; font-weight:bold; }
.dialog-search .no-data                {color:#fb9440; }
.dialog-search .invalid                {color:#fb5d65; }
/*.dialog-search .ui-widget-content A    {color:#59698c; text-decoration:underline;}*/

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

#header                                {height:80px; font-size:1.15em; font-weight:bold; overflow:hidden; }
#header A                              {color:#59698c; }
#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/seaeagle/nav_button_green.gif") no-repeat top left;}

UL#htrlinks LI a.pro-append            { background:url("../../images/seaeagle/icons/pro_small.gif") no-repeat top right;padding-right:29px; }
UL#htrlinks LI a.pro-prepend           { background:url("../../images/seaeagle/icons/pro_small.gif") no-repeat top left;padding-left:29px; }
UL#htrlinks LI a.email-prepend          { background:url("../../images/seaeagle/icons/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/seaeagle/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/seaeagle/subnav_profiles_default.gif');
}
DIV#nav UL#subnav-analytics-tools {
  background-image: url('../../images/seaeagle/subnav_tools_default.gif');
}
DIV#nav UL#subnav-client-solutions {
  /* background-image: url('../../images/seaeagle/subnav_cs_default.gif'); */
}
DIV#nav UL#subnav-resources {
  background-image: url('../../images/seaeagle/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/seaeagle/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/seaeagle/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/seaeagle/subnav_tools_selected.gif') no-repeat;
}
BODY#products-services #subnav-products-services {
  background: url('../../images/seaeagle/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/seaeagle/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: -480px 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/seaeagle/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/seaeagle/subnav_profiles_hover.gif') no-repeat !important;
}

/* UL#subnav-analytics-tools li:hover, */
UL#subnav-analytics-tools LI.hovered {
  background: url('../../images/seaeagle/subnav_tools_hover.gif') no-repeat !important;
}
/* UL#subnav-client-solutions li:hover, */
UL#subnav-client-solutions LI.hovered {
  background: url('../../images/seaeagle/subnav_cs_hover.gif') no-repeat !important;
}
/* UL#subnav-resources li:hover, */
UL#subnav-resources LI.hovered {
  background: url('../../images/seaeagle/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: -480px 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/icons/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: #59698c;
    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/seaeagle/site_search_submit_button.gif') no-repeat;
    margin-left:10px;
    border:0;
    cursor:pointer;
}
#search input.virgin {
    color:#ccc;
}
#search input.loading {
    background:url('../../images/icons/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:#59698c; 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;
}


/* 
  Site Titlebar CSS (as defined @ templates/sub_h1block.html)
*/

#content-wrap #title-block {
    width:960px;
}

#content-wrap #title-block h1 {
    float:left;
    font-size:2.8em;
    font-weight:bold;
    letter-spacing:-1px;
    padding:0 0 0 15px;
    overflow:hidden;
}

#content-wrap #title-block .ttop {
    height: 28px; 
    line-height: 28px;
    padding-left: 15px;
    padding-right: 15px;
}

#title-block div.ttop a             {}
#title-block div.ttop a:hover       {text-decoration:underline;}

#title-block div.ttop .float-right {
}

#title-block div.ttop .button {
    float: left;
    font-weight: bold;
    margin-left: 16px;
    font-size:1em;
}

#title-block div.ttop .img {
    float: left;
    line-height: 28px;
    width: 16px;
    height: 16px;
    margin: 5px 5px 0 0;
    background: url('../../images/icons/site_comparison_portfolio.gif')
}

#title-block div.ttop #load-portfolio {
    margin-left: 0;
}

#title-block div.ttop #load-portfolio .img {
    background-position: 0 0;
}

#title-block div.ttop .caption {
    font-size: 1.4em; 
    float: left;
}

#title-block div.ttop .separator-right {
    border-right: 1px solid #ff9b31;
    float: left;
    height: 16px;
    margin-left: 10px;
    margin-top: 4px;
}

#title-block div.ttop #compare .img {
    background-position: 16px 0;
}

#title-block div.ttop #add-to-portfolio .img{
    background-position: 32px 0;
}

#title-block div.ttop #view-portfolio .img {
    background-position: 48px 0;
}

#content-wrap #title-block .topwebsite {
    height:45px;
    line-height:45px;
    color:#fff;
    border:none;
    width:960px;
    position:relative;
	background-color:#FFF;
    top:-2px;
}

#title-block .bottom {
    height:28px;
    line-height:28px;
    background-color:#f0f0f0;
    padding-left:10px;
}

#title-block #breadcrumbs {
    padding-left:5px;
    float: left;
}

#title-block #breadcrumbs a {
    color:#3972CD;
	margin-right:5px;
}

#title-block #breadcrumbs a:hover {
    text-decoration:underline;
}

#title-block #breadcrumbs div {
    font-weight:bold;
    font-size:1.1em;
    display:inline;
    padding: 0 3px 0 0;
}

#title-block #breadcrumbs .current {

}

#title-block #breadcrumbs .category-separator {
	width: 7px;
	height: 1em;
	margin: 0 0.3em;
	background-image: url('../../images/seaeagle/category_seperator.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/*
styles for mashups/templates/site_profile/*

>> keep in mind:
 > font-size is set @ 62.5% @site.css, so the em font-sizes are on base10
   (i.e. 1.2em == 12px)

*/


/*****************************************************************************
 @ SITE_COMPARISON.HTML
*****************************************************************************/
div#content-wrap div#title-block {
    width:960px;
    margin:0 auto;
}

/*** THE SEARCH FORM ON TOP ***/
div#title-block div.topwebsite {
    height:45px;
    vertical-align:middle;
    background-color:#59698c;
    color:#fff;
    overflow:hidden;
    border-top:1px solid #2e60b0;
	background-color:#FFF;
}
div#title-block div.topwebsite table                    {margin:0 0 0 10px;}
div#title-block div.topwebsite table tr                 {height:45px;}
div#title-block div.topwebsite table tr td              {padding:0 9px 0 0; vertical-align:middle; font-weight:bold;}
div#title-block div.topwebsite table tr td img          {vertical-align:middle; cursor:pointer;}

div#title-block div.topwebsite table tr td input {
    float:left;
    width:130px;
    height:17px;
    padding:3px;
    font-size:1.2em;
    font-weight:bold;
    color:#2e60b0;
    border:1px solid #2e60b0;
}
div#title-block div.topwebsite table tr td input.no-data {
    color:#fb9440;
    background-color:#FFF;
}
div#title-block div.topwebsite table tr td input.invalid {
    color:#fb5d65;
    background-color:#FFF;
    border:1px solid #fed8d9;
}
div#title-block div.topwebsite table tr td .disabled {
    width:130px;
    height:26px;
    line-height:26px;
    font-size:1.1em;
    color:#bdd5fa;
    background-color:#4b7eef;
    text-decoration:underline;
    text-align:center;
    font-weight:normal;
    cursor:pointer;
}
div#title-block div.topwebsite table tr td #compare-button {
    float:left;
    width:86px;
    height:25px;
    background:url('../../images/seaeagle/site_comparison_submit_button.gif') no-repeat;
    margin-left:10px;
    border:0;
    cursor:pointer;
}

/*** THE PORTFOLIO LINKS BELOW THE SEARCH FORM ***/
div#title-block div.bottom {
    height:28px;
    line-height:28px;
    padding-left:10px;
}

div#title-block div.bottom a {
    color:#59698c;
}
div#title-block div.bottom a:hover {
    text-decoration:underline;
}
div#title-block div.bottom .button {
    float:left;
    font-weight:bold;
    margin-left:20px;
}

div#load-portfolio-wrapper { float:left;padding:4px 0px;padding-left:6px; }

div#load-portfolio-dropdown.dropdown {
    position:absolute;
    width:165px;
    height:18px;
    border:1px solid #b6caeb;
    background:url('../../images/icons/dropdown_menu_arrow.gif') no-repeat 153px 6px #fff;
    z-index:1000;
}

div#load-portfolio-dropdown.dropdown div.dropdown-title {
    font-size:1em;
    line-height:16px;
    height:18px;
}
div#load-portfolio-dropdown.dropdown div.dropdown-list {
    width:155px;
    margin-left:-1px;
}

ul#load-portfolio-dropdown-content a { display:block;width:100%;padding:4px 0px; }
div#title-block ul#load-portfolio-dropdown-content a:hover {text-decoration:none;}

/* These are depricated in favor of styles in site_title.css */
div#title-block div.bottom .img                  {float:left; line-height:28px; width:16px; height:16px; margin:5px 5px 0 0;background:url('../../images/icons/site_comparison_portfolio.gif')}
div#title-block div.bottom #load-portfolio       {margin-left:0;}
div#title-block div.bottom #load-portfolio .img  {background-position:0 0;}
div#title-block div.bottom #compare .img         {background-position:16px 0;}
div#title-block div.bottom #view-portfolio .img  {background-position:48px 0;}
div#title-block div.bottom #add-to-portfolio .img{background-position:32px 0;}
div#title-block div.bottom #add-to-portfolio     {margin-right:15px;}

/* THE DROP DOWN BOX TO SELECT THE METRICS */
div#select-metrics {
    height:25px;
    margin:15px 0 0 10px;
    float:none;
}

#content-wrap #low-sample-comparison {
    display:none;
    float:right;
    color:#ffe5b1;
    border:1px solid #cb6600;
    height:23px;
    line-height:23px;
    position:relative;
    padding-left:25px;
    background: url('../../images/seaeagle/low-sample-error.gif') no-repeat #ff9933 3px 3px;
    margin-right:10px;
}
#content-wrap #low-sample-comparison span {
    font-weight:bold;
    padding-right:10px;
}

/* THE MAIN PAGE BLOCKS */
div#chart-container,
div#data-description,
div#data-container {
    width:938px;
    margin:0 auto;
    margin-top:10px;
}
div#data-container {
    margin-top:0;
}

/* THE HEADER CONTAINING THE DAILY/MONTHLY TITLE, AND THE DATA'S DATE */
div#data-description {
    width:940px;
    height:25px;
    background-color:#edf7ff;
    color:#41516C;
    font-size:1.4em;
    font-weight:bold;
}
#data-description .calendar {
    float:left;
    margin:3px 0 0 10px;
    width:20px;
    height:17px;
    background:url('../../images/icons/sprite_calendars.gif') no-repeat -20px;
}
#data-description .title {
    float:left;
    margin-left:10px;
    line-height:25px;
}
#data-description .data-date {
    float:left;
    margin-left:5px;
    line-height:25px;
    color:#41516C;
    width: auto;
}

/* THE HEADER W/ THE COLUMN DESCRIPTION, AND THE SHOW-ALL/HIDE-ALL TOGGLE */
div#data-container #header-block {
    width:938px;
    background-color:#f4f4f4;
    height:25px;
    line-height:25px;
    font-weight:bold;
    font-size:1.2em;
    margin:5px 0 5px 0;
}
/* this is each label on the header block */
div#data-container div#header-block span {
    display:block;
    float:left;
    color:#666;
    padding-left:10px;
}
div#data-description .popup-help,
div#data-container div#header-block .popup-help {
    height: auto;
    margin-top: 5px;
}
div#data-container div#header-block .domain-toggle {
    float:right;
    width:19px;
    height:19px;
    margin:3px 10px 0 0;
    cursor:pointer;
    background:url('../../images/icons/sprite_plus_and_minus.gif') 19px 19px;
}


/* THE BOXES CONTAINING THE DOMAIN DATA */
div#data-container .domain-info {
    width:738px;
    float:left;
    border:1px solid #aabfdf;
    margin-bottom:5px;
    margin-left:-1px; /* I cannot find the problem - i.e. I have no idea why the block is shifted 1 point right */
    min-height:45px;
}
div#data-container .loading {
    background:url('../../images/icons/ajax_loading.gif') no-repeat 450px 5px;
}

div#data-container .domain-info .domain-toggle {
    float:right;
    width:19px;
    height:19px;
    margin:12px 10px 0 0;
    cursor:pointer;
    background:url('../../images/icons/sprite_plus_and_minus.gif') 19px 0;
}
div.domain-info .topwebsite {
    float:left;
    height:45px;
	background-color:#FFF;
}
div.domain-info .bottom {
    background-color:#f4f4f4;
    border-top:1px dotted;
    float:left;
    padding-bottom:5px;
    display:none;
}
div#header-block .section,
div.domain-info .section {
    float:left;
    width:220px;
    color:#333;
    margin-right:20px;
}
div#header-block .last-section,
div.domain-info .last-section {
    width:218px;
    margin-right:0;
}
div.domain-info .last-section .delta {float:left;}
div.domain-info .section .site-name,
div.domain-info .section .value,
div.domain-info .section .delta {
    display:block;
    padding-left:10px;
    font-size:1.8em;
    font-weight:bold;
}
div.domain-info .topwebsite .section .site-name         {color:#59698c; font-size:1.6em; padding:10px 0 10px 10px;margin-top:6px; background-color: white;width:400px;}
div.domain-info .topwebsite .section .category          {color:#777; font-weight:bold; font-size:1em; padding-left:10px;}
div.domain-info .topwebsite .section .category a        {color:#3972CD;}
div.domain-info .topwebsite .section .category a:hover  {text-decoration:underline;}
div.domain-info .topwebsite .section .value             {font-size:1.8em; line-height:45px;}
div.domain-info .topwebsite .section .no-data           {color:#666666; background-color: white;}
div.domain-info .topwebsite .section .delta             {font-size:1.8em; line-height:45px; letter-spacing:1px;}

div.domain-info .bottom .section .desc           {font-size:1.2em; font-weight:bold; padding:8px 0 3px 10px;}
div.domain-info .bottom .section .desc a         {color:#59698c;}
div.domain-info .bottom .section ul              {padding-left:10px; width:200px; overflow:hidden;}
div.domain-info .bottom .section ul li           {float:left;}

div.domain-info .bottom .section ul li a,
div.domain-info .bottom .section ul li span      {color:#59698c; text-decoration:none;}

div.domain-info .bottom a:hover,
div.domain-info .bottom .section ul li span:hover,
div.domain-info .bottom .section ul li a:hover   {cursor:pointer; text-decoration:underline;}

div.domain-info .bottom span.no-tags-link { cursor:pointer; }

/* FOR ONE REASON OR ANOTHER, WE WON'T SHOW DOMAIN INFO BOXES */
div.domain-info .no-data {
    height:45px;
    color:#fb9440;
    background-color:#feefd0;
}
div.domain-info .invalid {
    height:45px;
    color:#fb5d65;
    background-color:#fed8d9;
}

div.domain-info .no-data .site-name,
div.domain-info .invalid .site-name,
div.domain-info .anon-subdomain .site-name {
    float:left;
    padding-left:10px;
    font-size:1.8em;
    width:380px;
    line-height:45px;
    font-weight:bold;

}
div.domain-info .no-data .text,
div.domain-info .invalid .text,
div.domain-info .anon-subdomain .text {
    color:#666;
    font-size:1.2em;
    line-height:45px
}
.text a {
    color:#fb9440;
    text-decoration:underline;
}
div#chart-container div.title ul#range-nav-pro-upsell {
    margin-left:-12px;
}

.imglog {
	float:left;
	width:80px;
	height:80px;
	margin-left:15px;
}

.right-col {
float:right;
background-color:#FFF;
height:600px;
vertical-align:top;
margin-top:12px;
margin-right:100px;
}

.submission {font-size:12px;padding-left:40px;}
.submission h1 {font-size:24px;padding:5px;}
.submission h2 {font-size:18px;padding:5px;}
.submission h3 {font-size:14px;padding:5px;}