#header a img { border-style: none; }

body {
	background-color: White;
	margin: 0 9px;
	padding: 0;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: small;
	line-height: 140%;
}

body.homepage,
body.community,
body.support,
body.marketing,
body.hotspot {
	background-color: #C0C0C0;
/*
	background-image: url(/images/images.v2/contenthead.gif);
	background-repeat: no-repeat;
*/
}

#main {
	/*width: 932px;*/
	width: 970px;
	padding: 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: White;
	margin: 0 auto;
}

#breadcrumbs a, #breadcrumbs a:visited,
a, a:visited {
	text-decoration: none;
	color: #f60;
	font-weight: bold;
}

a:hover { color: #fc0; }
a:active { color: #ccc; }

#orangeline {
	background-color: #f60;
	height: 1px;
}

#navbar {
	background-image: url(/images/images.v2/menu.gif);
	background-repeat: repeat-x;
	height: 38px;
}

#navbar ul {
	margin: 0 0 0 9px;
	padding: 9px 0 0 0;
}

#navbar li, #nav2bar li, #breadcrumbs li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	display: block;
	float: left;
	padding-right: .5em;
	color: white;
}

#navbar a, #navbar a:visited,
#nav2bar a, #nav2bar a:visited {
	text-decoration: none;
	height: 1em;
	color: white;
}

#breadcrumbs {
        background-color: white;
        height: 24px;
}

#nav2bar {
        background-color: #f70;
	height: 24px;
}

#nav2bar ul {
	margin: -10px 0 0 9px;
	padding: 0px 0 0 0;
}

#breadcrumbs ul {
        margin: -2px 0 0 9px;
        padding: 0;
}

#nav2bar li {
	font-size: 85%;
}

#breadcrumbs li {
        color: #f60;
	font-size: 85%;
}

#home a:hover, 
#hotspots a:hover,
#community a:hover,
#about a:hover,
#support a:hover,
#contact a:hover { color: #fc0; }

/* SHOULD BE ABLE TO DELETE RULES BELOW WITH NEW HEADERBANNER APPROACH */
/*
body.homepage #home a:hover,
body.hotspot #hotspots a:hover,
body.community #community a:hover,
body.support #support a:hover,
body.contact #contact a:hover { color: white; }

body.homepage #home a,
body.hotspot #hotspots a,
body.community #community a,
body.support #support a,
body.contact #contact a,
#home a:active, 
#hotspots a:active,
#community a:active,
#about a:active,
#support a:active,
#contact a:active {
	color: white;
	border-bottom: 1px solid white;
}
*/
/* SHOULD BE ABLE TO DELETE RULES ABOVE WITH NEW HEADERBANNER APPROACH */

#subnav {
        background-color: #fc0;
        height: 45px;
        margin:  0 -9px 0 -9px;
}

#subnav img {
        border: 1px solid black;
        float: left;
        margin: 0 0 0 9px;
}

#subnav p {
        margin: 0 0 0 90px;
        padding-top: 2px;
        vertical-align: top;
        font-size: small;
}
#subnav2 p {
        margin: 0 0 0 5px;
        padding-top: 0px;
        vertical-align: top;
        font-size: 85%;
        color: #999;
        text-align: right;
}

#subnav ul {
        list-style-type: none;
        margin: 3px 0 -18px 90px;
        padding: 0;
        font-size: x-small;
        font-weight: bold;
}
#subnav2 ul {
        list-style-type: none;
        margin: 3px 0 5px 87px;
        padding: 0;
        font-size: x-small;
        text-align: right;
}
#subnav2 li {
        display: inline; 
        background: #fff;
        padding: 6px 3px;
        color: #c30;
        margin: 0 -6px 0 0;
}
        
#subnav li {
        display: inline;
        background: #ff9;
        padding: 6px 3px;
        color: #c30;
        margin: 0 -6px 0 0;
}

#subnav2 li a, #subnav2 li a:visited, #subnav li a, #subnav li a:visited {
        color: #c30;
        padding: 1px;   
        background: #fc0;
        border: 1px #c30 solid;
}

#subnav2 li a:hover, #subnav li a:hover { color: #666; }

#statsband .statsblock {
	float: left;
	margin: 9px 3px 0 9px;
	background-image: url(/images/images.v2/lessbug.gif);
	background-repeat: no-repeat;
	height: 30px;
}

#statsband .statsblock p {
	margin: 0;
	vertical-align: middle;
	white-space: nowrap;
	padding: 2px 0 0 24px;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: small;
	color: #666;
}

#statsband .statsblock strong { color: black; }

div.statsbanner#statsband .statsblock {
	margin-top: 0px;
}

iframe.navbar {
	height: 47px;
	margin-bottom: -3px;
}
iframe.ad0 {
        height: 90px;   
        width: 285px;
        background-color: #fffcf4;
}
iframe.ad1 {
        position: absolute;
        left: 286px;
        width: 728px;
        height: 90px;
}
#ad2 {
        margin-top: -2px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 8px;
        background-color: #bbb;
        height: 26px;
        scrolling: no;
        frameborder: no;
        target: _blank;
}

iframe.userbanner {
	height: 46px;
}

iframe.headerbanner {
	height: 182px;
}

iframe.statsbanner {
	height: 20px;
}

.content_block, #tabregion, #tabregion2, .community_block, #wide, #user_browser {
	margin: 0;
	margin-left: 9px;
	border-color: #999;
	border-width: 1px;
	border-style: none solid solid solid;
	width: 230px;
	height: 480px;
	float: left;
	background-color: #fffcf4;
}

#user_browser {
	margin: 0 0 9px 9px;
	width: 910px;
	height: 100%;
	border-bottom-style: none;
}
ul#sortorder {width: 100%; margin: 0; padding:0 0 9px 0; border-bottom: 1px solid #ccc; }
ul#sortorder li {display: block; float: left; padding-bottom: 3px; }
li#name_sort {text-align: right; width: 250px; padding-right: 92px;}
li#name_sort a {border-bottom: 1px solid;}
li#activity_sort {padding-left: 9px; width: 535px;}

.content_block h1,
.sidebar_block h1,
.callout_block h1,
.community_block h1,
#wide h1,
#user_browser h1 {
	margin: 0;
	padding: 6px 0 6px 9px;
	border-color: #999;
	border-width: 1px;
	border-style: solid none solid none;
	font-size: 140%;
	color: #666;
	background-image: url(/images/images.v2/contenthead.gif);
	background-repeat: no-repeat;
	line-height: 1;
	background-color: white;
}
#threes.content_block {
	margin: 0;
	margin-left: 9px;
	border-color: #999;
	border-width: 1px;
	border-style: solid solid solid solid;
	width: 309px;
	height: 190px;
	float: left;
	background-color: #fffcf4;
}
#threes.content_block h1 {
	margin: 0;
	padding: 6px 0 6px 9px;
	border-color: #999;
	border-width: 1px;
	border-style: solid none solid none;
	font-size: 120%;
	color: #666;
	background-image: url(/images/images.v2/contenthead.gif);
	background-repeat: no-repeat;
	line-height: 1;
	background-color: white;
}

#simple.content_block {
	border-style: solid solid solid solid;
	width: 950px;
	height: 100%;
	margin-left: 9px;
	margin-bottom: 9px;
}
#simple_fixed.content_block {
	border-style: none solid solid solid;
	width: 950px;
	height: 480px;
	margin-left: 9px;
	margin-bottom: 9px;
}

#primary_first.content_block,
#primary_other.content_block,
#primary.content_block {
	border-style: none solid solid solid;
	width: 950px;
	height: 100%;
	margin-left: 9px;
}

body.hotspot #primary.content_block {
	padding-bottom: 10px;
	background-color: white;
}

body.marketing #primary.content_block {
	width: 951px;
	padding-bottom: 10px;
	background-color: white;
}

#primary_first.content_block h1 {
        border-style: solid none solid none;
}

#primary_other.content_block h1 {
        border-style: none none solid none;
}

#primary.content_block h1 {
        border-style: solid none solid none;
}

#primary_other.content_block p,
#simple.content_block p,
#simple_fixed.content_block p,
#primary.content_block p {
	margin-left: 18px;
	margin-right: 18px;
}

#three.content_block {  
        border-style: none solid solid solid;
        width: 309px;
        height: 470px;
        margin-left: 9px;
}
        
#three.content_block h1 {
        border-style: solid none solid none;
}
        
#three.content_block p {   
        margin-left: 18px;
        margin-right: 18px;
}

#left_half.content_block {
	width: 471px;
	height: 400px;
	font-size: 100%;
	margin-left: -1px;
}

#right_half.content_block {
	width: 471px;
	height: 400px;
	margin-left: 7px;
	border-right: none;
}

#cent_mid.content_block {
	width: 571px;
	height: 400px;
	margin-left: 180px;
}

#bottom.content_block {
	width: 951px;
	height: 552px;
	border: none;
	font-size: 93%;
/* following line has no effect no matter what the percentage
	line-height: 100%;
*/
	margin-left: 0px;
	margin-right: -2px;
}

#bottom.content_block .callout_block {
	width: 237px;
	margin-top: 0;
	margin-left: -1px;
}

#bottom.content_block .rightmost {
	margin-right: -1px;
}

#bottom.content_block .callout_block p {
	margin-left: 10px;
	margin-right: 3px;
}

body.marketing #bottom.content_block h1 {
	border: 1px solid #999;
	border-top: none;
	margin-top: 0;
	margin-left: -1px;
	margin-right: -1px;
}

.community_block {
	width: 296px;
	height: 200px;
	margin-bottom: 9px;
}

h2 {
	color: #666;
}

.sidebar_block h2,
.content_block h2 {
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 0;
	font-size: 120%;
}

.community_text h2 {
	margin: 9px 9px 0 9px;
	font-size: 100%;
}

.callout_block h3,
.content_block h3 {
	margin-left: 9px;
	margin-bottom: 0;
	font-size: 100%;
	color: #666;
}

.content_block p,
.content_block dl,
.sidebar_block p,
.sidebar_block dl,
.tabcontent p,
.community_block p {
	margin: 6px 9px;
	color: #666;
	font-size: 85%;
}

.sidebar_block p
{
	line-height: 100%;
}

#primary.content_block .sidebar_block p {
	margin-left: 9px;
	font-size: 100%;
	line-height: 120%;
}

.community_block h3 {
	margin-bottom: 0;
	font-size: 100%;
}

.community_block img, #wide img, img#sf_logo {
	float: left;
	margin-left: 9px;
	margin-top: 9px;
}
.community_block .featurefloat {margin-top: 9px;}
.community_block .thumbfloat img, .community_block .featurefloat img {float: none; margin: 0;}
.community_block .community_text {margin-left: 81px;}
.tabcontent p {
	margin-top: 0;
	margin-bottom: 0;
}

.content_block ul {
	margin-top: 3px;
	margin-left: 0;
}
#region_nav {margin-left: 515px;}
ul#region_hierarchy {
	list-style-type: none;
	margin-top: 9px;
	margin-left: 0;
	padding: 0;
}

ul#region_hierarchy li {display: inline; padding-right: 4px; border-right: 2px solid #ccc;}
ul#region_content {list-style-type: none; margin: 0; padding: 0;}
ul#region_content li {font-weight: bold; color: #999;}
ul#region_content li ul {list-style-type: none; margin: 0 0 0 18px; padding: 0;}
.content_block li {
	margin-bottom: 0;
	margin-right: 9px;
	color: #666;
	font-size: 85%;
}

#wide li {
	margin-left: 0;
	margin-right: 0;
}

.content_block img {
	margin: 0;
	padding: 0;
	border: none;
}

#left_half.sidebar,
#right_half.sidebar,
#wide_bar.sidebar {
	width: 450px;
	padding: 0;
	margin-left: 0;
}

.wide_text {
	/* border: 1px solid #666; */
	width: 456px;
	height: 88px;
	text-align: left;
	margin-top: -10px;
	margin-left: -6px;
}

.wide_text p {
	margin-top: -6px;
	line-height: 100%;
}

.wide_image {
	/* border: 1px solid #666; */
	margin-left: 9px;
	width: 439px;
	height: 199px;
	text-align: center;
	overflow: hidden;
}

.img_holder_center {
	margin-left: 0px;
	width: 307px;
	text-align: center;
	overflow: hidden;
}
.img_holder_right {
	margin-left: 300px;
	margin-top: -170px;
	width: 307px;
	text-align: center;
	overflow: hidden;
}
.txt_holder_right {
	margin-left: 600px;
	margin-top: -250px;
	width: 307px;
	text-align: left;
	overflow: hidden;
}

#userprofile .wide_image {
	height: 170px;
	text-align: left;
}

#tabregion,
#tabregion2 {
	width: 470px;
	border-style: none;
	background-color: white;
}

#tabregion.community_browser {
	width: 450px;
	height: 250px;
}

body.community #tabregion,
body.hotspot #tabregion {
	margin-top: -3px;
	width: 481px;
	height: 492px;
}

body.community #tabregion2 {
	margin-top: -20px;
	width: 621px;
	height: 442px;
}

div.tabcontent {
	border-width: 1px;
	border-color: #999;
	border-style: none solid none solid;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: #fffcf4;
	width: 100%;
	clear: both;
	overflow: hidden;
}

/*fills the hole next to the tabs*/
ul.bottom {
	border-right: 1px solid #999;
	background: #fffcf4;
	width: 455px;
}

div.thumbfloat, div.featurefloat {
	float: left;
	margin-left: 9px;
	margin-right: 0px;
	margin-bottom: 3px;
	text-align: center;
	font-size: x-small;
	line-height: 1.2;
	/* overflow: hidden; */
	height: 86px;
}

/* div.featurefloat, */
#favorite_spots div.thumbfloat,
#near_spots div.thumbfloat,
#recommended_spots div.thumbfloat {
	width: 88px;
	margin-right: -2px;
}

div.thumbfloat img {
	border: 1px solid #666;
	margin-bottom: 0;
}

body.community .thumbfloat img,
body.hotspot .thumbfloat img {
	width: 80px;
	border-style: none;
	margin-top: -3px;
}

.dyn_tab_block p {
	margin-top: -6px;
}

#lessTopSpots.dyn_tab_block,
#lessTopUsers.dyn_tab_block,
#favorite_spots.dyn_tab_block,
#neighbors.dyn_tab_block,
#near_spots.dyn_tab_block,
#recommended_spots.dyn_tab_block {
	height: 199px;
}

#lessRecentUsers.dyn_tab_block {
	height: 402px;
}

#recommended_spots.dyn_tab_block .thumbfloat {
	margin-top: -9px;
	margin-bottom: 60px;
}

.sidebar, #sidebar {
	float: left;
	/*width: 187px;*/
	width: 200px;
	margin: 0 0 9px 9px;
}

.sidebar img, #sidebar img {
	margin-bottom: 9px;
	border: 1px solid #666;
}

#primary.content_block .sidebar img, #primary.content_block #sidebar img {
	margin-top: 9px;
	margin-left: 6px;
}

body.hotspot #primary.content_block .sidebar img {
	margin-top: 0px;
	border-style: none;
}

.sidebar_block {
	margin-bottom: 9px;
	border-color: #999;
	border-width: 1px;
	border-style: none solid solid solid;
	/*width: 187px;*/
	width: 228px;
	height: 256px;
	background-color: #fffcf4;
	/*overflow: auto;*/
}
body.homepage .sidebar_block { height: 225px; }

body.homepage #customer.sidebar_block { height: 245px; }
body.homepage #customer_2.sidebar_block { height: 205px; }
body.homepage #hotspot_2.sidebar_block { height: 218px; }
body.homepage #login.sidebar_block { 
	border: 1px solid #ccc;
        height: 35px; 
        margin-left: 35px;
        margin-top: -155px; 
}
body.homepage #login.sidebar_block p { 
        font-size: 85%;
        line-height: 1.3;
        margin-left: 5px;
        color: #666;
}

body.community #NW_corner.sidebar { width: 215px; }
body.community #NW_corner.sidebar .sidebar_block { height: 260px; width: 215px; }
body.community #NW_corner.sidebar #sidebar_bottom.sidebar_block { height: 140px; width: 215px; }

/* NEED TO TRY the rules below AGAIN with the correct usage syntax:  class="class1 class2" */
/*  */
body.community #NW_corner.sidebar .sidebar_bottom { height: 200px; width: 215px; }
body.community .four_square { width: 215px; }
body.community .four_square .sidebar_block { height: 260px; width: 215px; }
/*  */
/* NEED TO TRY the rules above AGAIN with the correct usage syntax:  class="class1 class2" */

body.hotspot .sidebar_block { height: 289px; width: 200px; }

body.hotspot#userprofile .sidebar_block { height: 318px; width: 200px; }

body.hotspot #location.content_block {
	/* height: 488px; */
	height: 289px;
	overflow: hidden;
}

body.hotspot#userprofile #location.content_block {
	height: 318px;
	overflow: auto;
}

body.hotspot #location.content_block p {
	margin-left: 9px;
	font-size: 100%;
	line-height: 115%;
}

body.hotspot#userprofile #location.content_block p {
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: -9px;
}

#left_half.sidebar,
#right_half.sidebar {
	height: 510px;
}

.sidebar_block dl { padding-left: 0; }

.content_block dt, .sidebar_block dt {
	font-weight: bold;
	float: left;
	margin-right: 9px;
}

.content_block dd, .sidebar_block dd { margin-left: 0; }

body.marketing #primary.content_block p,
body.marketing #primary.content_block li {
	font-size: 95%;
	line-height: 100%;
}

#primary.content_block .sidebar_block dl,
#primary.content_block .sidebar_block dt,
#primary.content_block .sidebar_block dd {
	font-size: 100%;
	line-height: 120%;
}

#primary.content_block .sidebar_block dd {
	margin-top: 0px;
}

#left_half.sidebar .content_block,
#left_half.sidebar .sidebar_block,
#right_half.sidebar .content_block,
#right_half.sidebar .sidebar_block {
	width: 475px;
}

#left_half.sidebar .sidebar_block,
#right_half.sidebar .sidebar_block {
	height: 250px;
}

#left_half.sidebar .content_block,
#right_half.sidebar .content_block {
	height: 280px;
}

#left_half.sidebar .content_block,
#left_half.sidebar .sidebar_block {
	margin-left: -1px;
}

#right_half.sidebar .content_block,
#right_half.sidebar .sidebar_block {
	margin-left: 25px;
}

#left_half.sidebar .sidebar_block h1,
#right_half.sidebar .sidebar_block h1 {
	margin-top: 280px;
}

.sidebar .sidebar_block img, #sidebar .sidebar_block img {
	/*border: 1px solid #666;*/
	border-style: none;
	margin: 9px 0 0 9px;
}

.stats_table dd {
	text-align: right;
}

div#wide {
	width: 910px;
	height: 330px;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#yui-tab-block-1,
#yui-tab-block-2,
#yui-tab-block-3 {
	width: 100%;
}

#yui-tab-block-1 .yui-content,
#yui-tab-block-2 .yui-content,
#yui-tab-block-3 .yui-content {
	padding-bottom: 6px;
	overflow: hidden;
}

/*
#yui-tab-block-3 .yui-content {
	overflow: visible;
}
*/

#yui-tab-block-1 .yui-content,
#yui-tab-block-1 .yui-tabcontent {
	height: 226px;
}

#yui-tab-block-2 .yui-content,
#yui-tab-block-2 .yui-tabcontent {
	height: 192px;
}

#yui-tab-block-3 .yui-content,
#yui-tab-block-3 .yui-tabcontent {
	height: 395px;
}

#yui-tab-block-1 .loading,
#yui-tab-block-2 .loading,
#yui-tab-block-3 .loading {
	background-image:url(/static/yui/examples/tabview/img/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#yui-tab-block-1 .loading *,
#yui-tab-block-2 .loading *,
#yui-tab-block-3 .loading * {
	display:none;
}

.yui-navset .yui-nav a {
	color: #666;
	background-image: url(/images/images.v2/contenthead.gif);
}

.yui-navset .yui-nav a:hover {
	color: #f60;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:hover,
.yui-navset .yui-content {
	color: #666;
	background-image: none;
	background-color: #fffcf4; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav {
	margin-left: 0px;
}

.yui-navset .yui-nav li {
	margin-left: 0px;
	margin-right: 5px;   /* space between horizontal tabs */
}

div.yui-tabcontent {
	background-color: #fffcf4;
	overflow: auto;  /* VERSUS overflow: hidden; */
}

div.yui-tabcontent p {
	margin-top: -6px;
}

div.yui-tabcontent table.hotspotlist {
	margin-top: -12px;
	margin-left: 15px;
}

#freshfacescontent.yui-tabcontent,
#activemapcontent.yui-tabcontent,
#loginmapcontent.yui-tabcontent,
#shoutmapcontent.yui-tabcontent {
	overflow: visible;
}

#freshfacescontent.yui-tabcontent {
	margin-left: -6px;
}

#activemapcontent.yui-tabcontent {
	margin-left: -18px;
}

#activemapcontent.yui-tabcontent p {
	margin-top: -4px;
	margin-bottom: -12px;
	margin-left: 27px;
}

table.alt_colored {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#right_half.content_block table.alt_colored {
	margin-left: 7px;
	margin-right: 0px;
}

#lessRecentUsers table.dual_columns,
#lessTopSpots table.alt_colored {
	margin-right: 10px;
	margin-left: 10px;
}

table.alt_colored tr {
	background-color: #FFFFF0;   /* Ivory */
	background-color: #FFFFFF;   /* White */
}

table.alt_colored tr.odd {
	background-color: #F5F5DC;   /* Beige */
	background-color: #FFEBCD;   /* BlanchedAlmond */
	background-color: #FAFAD2;   /* LightGoldenRodYellow */
	background-color: #EEE8AA;   /* PaleGoldenRod */
}

table.alt_colored tr.even {
	background-color: #FFEFD5;   /* PapayaWhip */
	background-color: #F0E68C;   /* Khaki */
	background-color: #FFFFE0;   /* LightYellow */
}

table.alt_colored * th {
	font-size: 80%;
}

table.dual_columns * td,
table.alt_colored * td {
	font-size: 85%;
}

table.alt_colored * th.right,
table.alt_colored * td.right {
	text-align: right;
}

table.alt_colored * th.center,
table.alt_colored * td.center {
	text-align: center;
}

table.alt_colored tr th.blend {
	background-color: #fffcf4;   /* content background */
	background-color: #f9f6f1;   /* blend into background */
	color: #f9f6f1;   /* blend into background */
}

table.alt_colored * th.yellow {
	background-color: yellow;
}

table.alt_colored * th.blue {
	background-color: lightblue;
}

font.heading {
	font-size: 12px;
	font-weight: bold;
	color: green;
}

table.alt_colored tr th.blend font.heading {
	font-size: 80%;
	font-weight: normal;
	color: #f9f6f1;   /* blend into background */
}

#right_half.content_block table.alt_colored * th,
#right_half.content_block table.alt_colored * td {
	font-size: 70%;
	line-height: 95%;
        color: #666;
}

.dyn_tab_block {
	height: 226px;
	overflow: auto;
}

div.tabcontent { height: 196px; }
#topcountriescontent.tabcontent {height: 216px;}
#topcountriescontent .thumbfloat img { border: none; }
div.user_list {margin-top: 27px;}
.hotspot_group {
	margin: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	width: 100%;
}

.hotspot_info {
	float: left;
	text-align: right;
	width: 350px;
	margin: 0;
}

.user_group {
	float: left;
	width: 540px;
	margin: 9px 0 0 9px;
	overflow: hidden;
}

.user_group .user_float {
	width: 60px;
	height: 54px;
	float: left;
	text-align: center;
	margin: 0;
	line-height: 1;
	font-size: 85%;
}

.user_float img { float: none; border: none;}
.country { font-style: italic; }

.hotspot_info h2 {
	font-size: 120%;
	line-height: 1.1;
	margin: 6px 90px 0 0;
}

.hotspot_info h3 {
	font-size: 100%;
	line-height: 1.1;
	margin: 0 90px 0 0;
}

.hotspot_info img {
	float: right;
	margin: 9px 9px 9px 0;
	border: 1px solid #ccc;
}

img.left_flow {
	float: left;
	vertical-align: top;
	margin-right: 9px;
	margin-bottom: 2px;
}

img.right_flow {
	float: right;
	vertical-align: top;
	margin-top: 6px;
	margin-left: 2px;
	margin-right: 9px;
}

#user_browser ul {
	list-style-type: none;
	margin: 6px 9px 0 0;
	padding: 0;
	float: right;
}

#user_browser ul li {
	display: inline;
	margin-right: 9px;
}

#callout {
	margin: 0;
	/* this makes the clear and float work*/
	/*overflow: hidden;*/
	clear: both;
	padding: 0;
}

body.homepage #callout {
	background-image: url(/images/images.v2/dash.gif);
	background-repeat: repeat-x;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	margin: 0 9px;
	margin-top: 9px;
	/*this makes the dash work*/
	overflow: hidden;
	/*width: 910px;*/
	width: 951px;
}

body.hotspot #callout {
	width: 951px;
}

 
#shouts.callout_block {
        border-style: none;
        background-color: fff;
        height: 100%; /* change to suit */
        width: 480px;
        margin-top: 0px;
}

.callout_block {
	margin: 0;
	margin-left: 9px;
	float: left;
	width: 280px;
	border-width: 1px;
	border-color: #999;
	border-style: none solid solid solid;
	background-color: #fffcf4;
	height: 205px;
	overflow: hidden;
}

.callout_block .thumbfloat { margin-top: 9px; }
.callout_block h1 { font-size: 100%; }

ul.userlinks, .callout_block ul {
	list-style: none;
	margin: 5px 0 0 9px;
	padding: 0;
	line-height: 1.1;
}

.callout_block ul li a { font-size: 80%; }

body.homepage #first.callout_block ul li {
        font-size: 90%;
        list-style: square  outside;
        margin-left: 25px;
        line-height: 110%;
        color: #666;

}
body.homepage .callout_block {
	/*width: 284px;*/
	width: 300px;
	margin-left: 0;
	background: white;
	border-style: none solid none none;
	margin-top: 6px;
}

body.homepage #first.callout_block {
	/*width: 284px;*/
	width: 280px;
}

body.community .callout_block,
body.marketing .callout_block,
body.hotspot .callout_block {
	height: 265px;
	margin-top: -15px;
}

body.biz_benefits .callout_block {
	height: 290px;
}

body.net_mgmt .callout_block {
	height: 255px;
}

body.community #fresh.callout_block,
body.hotspot #fresh.callout_block {
	width: 328px;
}

#last.callout_block { width: 288px; }

body.homepage #last.callout_block {
	border-style: none;
	/*width: 284px;*/
	width: 300px;
}

body.community #adspace.callout_block,
body.hotspot #adspace.callout_block {
	background: white;
	border-style: none;
	width: 300px;   /* NEED 300 wide by 250 high for AD PLACEMENT */
	overflow: visible;
}

body.community #adspace.callout_block {
	margin-top: 9px;
}

span.errormessage {
        font-weight: bold;
        color: #FF0000;
        background-color: Yellow;
}
#align_left_up.button_placement {
         padding: 10px 0px 0px 19px;
         float:left;
} 
#align_left.button_placement {
         padding: 10px 0px 0px 5px;
         float:left;
}
#align_right_padded.button_placement {
         padding: 26px 5px 0px 0px;
         /* margin: 4px 0px 0px 0px;  */
         float: right;
}
#align_left_lp.button_placement {
         padding: 16px 0px 0px 3px;
         float:left; 
}
#align_right.button_placement {
         padding: 0px 5px 0px 0px;
         float:right;
}
#align_right_image.button_placement {
         margin: 0px 3px 0px 0px; 
         float: right; 
}
#hcc_primary.callout_block h1 {
	margin: 0;
	padding: 6px 0 6px 9px;
	border-color: #999;
	border-width: 1px;
	border-style: none none solid none;
	font-size: 100%;
	color: #666;
	background-image: url(/images/images.v2/contenthead.gif);
	background-repeat: no-repeat;
	line-height: 1;
	background-color: white; 
}
#hcc_settings.callout_block h1, 
#hcc_welcome.callout_block h1, 
#hcc_image.callout_block h1, 
#hcc_admin.callout_block h1, 
#hcc1.callout_block h1, 
#hcc2.callout_block h1, 
#hcc3.callout_block h1 {
	margin: 0;
	padding: 6px 0 6px 9px;
	border-color: #999;
	border-width: 1px;
	border-style: none none solid none;
	font-size: 100%;
	color: #666;
	background-image: url(/images/images.v2/contenthead.gif);
	background-repeat: no-repeat;
	line-height: 1;
	background-color: white; 
}
#hcc_settings.t_block {
        float: left;
        width: 619 px;
}
#hcc_primary.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        width: 320px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 184px;
        overflow: hidden;
}
#hcc_welcome.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        width: 620px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 395px;
        overflow: hidden;
}
#hcc_settings.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        width: 620px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 385px;
        overflow: hidden;
}
#hcc_clear.callout_block {
        margin: 0px 0px 0px 0px;
        height: 0px;
        width: 0 px;
        border-width: 0px;
        float: none;
}
#hcc_image.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        width: 320px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 395px;
        overflow: hidden;
}
#hcc_admin.callout_block {
        margin: -191px 0px 0px 9px;
        float: left;
        width: 320px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 188px;
        overflow: hidden;
}
#hcc1.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        /* width: 469px; */
        width: 620px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        /* height: 170px; */
        height: 192px;
        overflow: hidden;
}
#hcc2.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        width: 469px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 370px;
        overflow: hidden;
}
#hcc3.callout_block {
        margin: 9px 0px 0px 9px;
        float: left;
        width: 469px;
        border-width: 1px;
        border-color: #999;
        border-style: solid solid solid solid;
        background-color: #fffcf4;
        height: 125px;
        overflow: hidden;
}
span.redtext {
        font-weight: bold;
        color: #FF0000;
}       

#icon.topMessage {
        margin: 7px 0px 2px 0px;
        float: left;
        width: 20px;
        border-width: 0px;
        border-style: solid solid solid solid;
        overflow: hidden;
}
#txt_2col.topMessage {
        margin: 7px 2px 2px 3px;
        float: left;
        width: 310px;
        border-width: 0px;
        border-style: solid solid solid solid;
        overflow: hidden;
	line-height: 1.2;
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 85%;
        color: #666;
        /* height: 26px; */ 
}
#txt_plain.topMessage {
        margin: 7px 2px 2px 1px;
        float: left;
        width: 132px;
        border-width: 0px;
        border-style: solid solid solid solid;
        overflow: hidden;
	line-height: 1.2;
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 85%;
        color: #666;
        height: 26px;
}
#txt_red.topMessage {
        margin: 7px 2px 2px 1px;
        float: left;
        width: 132px;
        border-width: 0px;
        border-style: solid solid solid solid;
        overflow: hidden;
        /* font-weight: bold; */
        color: #FF0000;
	line-height: 1.2;
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 85%;
        height: 26px;
}
#hcc_primary.callout_block p,
#hcc_settings.callout_block p,
#hcc_welcome.callout_block p,
#hcc_image.callout_block p,
#hcc1.callout_block p,
#hcc2.callout_block p,
#hcc3.callout_block p,
#hcc_admin.callout_block p {
        margin: 9px 0px 5px 9px;
	line-height: 1.2;
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: small;
        color: #666;
}

.callout_block dl { padding-left: 18px; }
.callout_block dl { margin-top: 8px; }

.callout_block dt {
	font-weight: bold;
	color: #666;
}

.callout_block dd {
	/*color: #f60;*/
	color: #666;
	margin-left: 12px;
	margin-top: 4px;
}

.callout_block#case_study {
	width: 348px;
}

p#case_study {
	margin-top: 0;
	margin-left: 12px;
	margin-right: 6px;
	font-weight: normal;
	font-size: 88%;
	color: #666;
	line-height: 100%;
}

div#faq_questions h1, div#faq_answers h1 {
	font-size: 130%;
	color: green;
}

div#faq_questions h2, div#faq_answers h2 {
	font-size: 120%;
}

div#faq_questions p, div#faq_answers p {
	/*font-size: 110%;*/
	font-size: 105%;
	line-height: 110%;
	padding-left: 24px;
}

div#faq_answers p {
	padding-top: 2px;
}

div#faq_answers ul {
	margin-left: 18px;
	margin-bottom: 0px;
}

div#faq_answers li {
	font-size: 105%;
	line-height: 110%;
	margin-left: 18px;
	padding-top: 2px;
}

ul.bulleted {
	list-style: disc outside;
	margin-left: 35px;
}

ul.gapped li {
	line-height: 135%;
}

/*
.menubar a,
.menubar a:link,
.menubar a:visited,
.menubar a:active { color: white; text-decoration: none; }
.menu a,
.menu a:link,
.menu a:visited,
.menu a:active { color: white; text-decoration: none; }

.menubar a:hover,
.menu a:hover { color: #fc0; }
*/

#footer a:link { color: #f60; text-decoration: none; }
#footer a:visited { color: #f60; text-decoration: none;}
#footer a:hover { color: #fc0; }
#footer a:active { color: #ccc; }

#footer {
	padding-top: 1px;
	padding-bottom: 3px;
	width: 100%;
	/* this makes the clear and float work*/
	/*overflow: hidden;*/
	clear: both;
	text-align: center;
	/* font-size: x-small; */
	font-size: 85%;
}

#footer ul {
	list-style-type: none;
	line-height: 100%;
	margin-left: 0;
	padding-left: 0;
}

#footer li {
	display: inline;
	margin-right: 6px;
}

span.chimpit {
	color: brown;
	font-weight: bold;
}

span.online {
	color: green;
	font-weight: bold;
}

span.offline {
	color: red;
	font-weight: bold;
}

span.flakey {
	color: gray;
	font-weight: bold;
}

span.low_usage {
	color: blue;
	font-weight: bold;
}

br.clear { clear: both; }

span.more_small {
        margin-left: 6px;
        font-size: 80%;
}

span.more_icon {
        margin: 0px 0px 0px 4px;
        border: 0px;
        border-style: solid;
}

span.more {
	margin-left: 6px;
	font-size: 85%;
}

span.more_ads {
        vertical-align: super; 
	font-size: 70%;
        color: #666;
}

span.personaldetail { font-weight: bold; }

form.center {
	text-align: center;
}

input.orange {
	background-color: orange;
	border-color: brown;
}

a.Top, a.Top2 {
	font-size: 80%;
	font-style: italic;
}

a.Top2 {
	margin-left: 42px;
}

.hotspot table {
        color: #666;
        font-size: 85%;
}

.iwstyle {
	margin: 0;
        font-size: 60%;
}

.iwstyle img {
	border-style: none;
}

.callout_block#shoutback {
        border-style: none;
        background-color: fff;
        height: 200px;
        margin-top: 0px;
	width: 360px;
}

.callout_block#shoutback p {
        color: #666;
}

div.shoutfloat {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#shoutback_to {
        margin-left: 230px;
        margin-top: -10px;
        margin-bottom: 20px;
}

#shoutback_save {
        margin-top: -50px;
}

#shoutback_cancel {
        margin-left: 100px;
        margin-top: -35px;
}

dt.shoutblock {
	margin-top: -5px;
	margin-left: 10px;
	margin-right: 20px;
}

.dyn_tab_block#shout_playback dt.shoutblock {
	line-height: 135%;
}

span.font_size_1 {
	font-size: 100%;
}
 
span.font_size_3 {
	font-size: 120%;
}

.promo p,
.promo li {
	font-size: 110%;
}

#lsidebar.content_block {
        border-style: none none none none;
        width: 277px;
        height: 100%;
        margin-left: 9px;
        margin-bottom: 9px;
}
#lsidebar.content_block li {
        list-style: square  outside;
        list-style-color: orange;
        margin-left: 25px;
        line-height: 100%;
        font-size: 12px;
        color: #F60;
}
.txt_holder_4 {
        margin-left: 10px;
        margin-top: 5px;
        overflow: hidden;
        color: #000;
}
.txt_holder_3 {
        margin-left: 155px;
        margin-top: -5px;
        text-align: left;
        font-size: 90%;
        color: #FFF;
}

#emailblock {
	width: 940px;
	padding: 0;
	border: 2px solid Red;
	background: White;
	margin: 0 auto;
}
#emailhtml {
	width: 640px;
	background: White;
        margin-left: 20px;
        margin-top: 20px;
        padding-left: 20px;
}

#emailhtml a { color: Blue; text-decoration: underline; font-weight: normal; font-size: 85%; }

#emailhtml html, 
#emailhtml body, 
#emailhtml div, 
#emailhtml span,
#emailhtml h1, 
#emailhtml h2, 
#emailhtml h3, 
#emailhtml h4, 
#emailhtml h5, 
#emailhtml h6, 
#emailhtml p,
#emailhtml em, 
#emailhtml font,
#emailhtml small, 
#emailhtml strike, 
#emailhtml strong, 
#emailhtml sub, 
#emailhtml sup,
#emailhtml dl, 
#emailhtml dt, 
#emailhtml dd, 
#emailhtml ol, 
#emailhtml ul, 
#emailhtml li,
#emailhtml fieldset, 
#emailhtml form, 
#emailhtml label, 
#emailhtml legend,
#emailhtml table, 
#emailhtml caption, 
#emailhtml tbody, 
#emailhtml tfoot, 
#emailhtml thead, 
#emailhtml tr, 
#emailhtml th, 
#emailhtml td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
color: Black;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: none;
vertical-align: baseline;
}